HTML之学习笔记（十）表单元素

　　html表单元素的基本格式为（必须包含在form标签中）

大致可以分为文本类、按钮类、复选框和单选框、文件选择几类

1.文本类

　　文本框标签<input type = “text“ />，属性size文本框的宽度、maxlength可输入的最大字节长度、readonly=“readonly”文本只读，无法修改
　　密码框标签<input type = “password” />，在页面显示为黑色小圆点
　　隐藏标签(隐藏域)<input type=“hidden” />，不会对页面显示有任何影响，常用于保存页面状态的值
　　文本域标签<textarea></textarea>，属性rows和cols(column)，用于显示用户输入多个数据文本，文本域中的数据会原始的输出（保留原有格式），可以使用value属性得到文本域中的数据。

2.按钮类

　　提交按钮标签<input type=“submit” />
　　重设按钮标签<input type=“reset” />，恢复页面的刚加载时的原始状态。
　　按钮标签<input type=“button” onclick=“”/>，可以为点击按钮添加点击事件。
　　图像标签<input type=“image” src=“URL” />，点击图片，将点击的位置坐标进行提交。

3.复选框、单选框和文件上传

　　复选框标签<input type=“checkbox” id=""/><label for=“id”>文本</label>，多个组合在一起的小方块，由用户进行多选，常用属性checked=“checked”默认选中，使用label标签将文字包起来，使用for属性关联到指定的checkbox的id
　　单选按钮签<input type=“radio” />,使用时应注意,单选框总是几个组合在一起，要求都有相同的name属性，用属性checked=“checked”默认选中。设置value属性便于获得选中的数据。
　　文件选择标签<input type=“file” />，form的enctype必须设置为multipart/form-data、method属性为POST

 <html>
     <head>
         <title></title>
         <style type="text/css">
         </style>
         <script type="text/javascript">
         </script>
     </head>
     <body>
         <form>
                 复选:<br />
             <input type="checkbox" id="item1" /><label for="item1">选项一</label>
             <input type="checkbox" id="item2" /><label for="item2">选项二</label>
             <input type="checkbox" id="item3" /><label for="item3">选项三</label>

             <br/>你的性别是：
             <input type="radio" name="sex" value="m" checked="checked"/>男
             <input type="radio" name="sex" value="f" />女
         </form>
     </body>
 </html>

运行结果

巴特西

HTML之学习笔记（十）表单元素

最新文章

热门文章