js/html中input、text、redio、checkbox、file、option以及textarea标签的使用

java开发不管是前端开发人员，还是后台开发人员，常常都会遇到前台显示页面的编写，其中里面有几个比较重要的标签，想要与大家分享...一起共勉，如有不到之处还请指出！

1、input 标签是表单的一个表单项，表示插入数据

2、type 属性表示表单项的类型

3、text 为普通的文本输入框

4、password 密码，自动生成密码框

5、radio 单选，如选择性别时

6、checkbox 多选，如喜欢的城市

7、file 文件上传，选择本地文件上传

8、reset 重置

9、submit 提交

10、select 下拉列表，下面可提供可选项

11、option 下拉列表中的每一项

12、textarea 多行文本域，这里就可以发挥你的文采了

代码实现：

<form action="http://www.baidu.com" method="get">

<input type="hidden" name="sadf" value="asdf"/>

<table border="1" width="300px" cellspacing="0px" align="center">

 <tr>

  <td>用户名:td>

 <td><input type="text" />td>

 tr>

 <tr>

  <td>密 码：td>

<td><input type="password" />td>

tr>

 <tr> 

  <td>确认密码:td>

  <td><input type="password" />td>

 tr>

 <tr>

<td>性别:td>

  <td>男<input type="radio" /> 女<input type="radio" />td>

 tr>

 <tr>

  <td>兴趣：td>

  <td>Java<input type="checkbox" /> C++<input type="checkbox" /> C<input type="checkbox" />td>

 tr>

 <tr>

 <td>国籍:td>

  <td>

<select>

<option>中国option>

<option>USAoption>

<option>俄罗斯option>

select>

td>

tr>

 <tr>

  <td>详细信息:td>

  <td><textarea rows="10" cols="20">textarea>td>

 tr>

 <tr>

  <td>提交头像：td>

 <td><input type="file"/>td>

 tr>

 <tr align="center">

  <td><input type="reset" />td>

 <td><input type="submit"/>td>

 tr>

table>

form>

以上这些呢，都是js和html最常用的标签了，希望大家也可以补充