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>USA</option>

<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最常用的标签了，希望大家也可以补充