热门关键字:
jquery > jquery教程 > html5 > HTML5-Web表单2.0

HTML5-Web表单2.0

365
作者:管理员
发布时间:2021/1/18 14:10:32
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3198
Web Forms 2.0是对HTML4中的表单功能的扩展。与HTML4相比,HTML5中的表单元素和属性提供了更高程度的语义标记,使我们摆脱了HTML4所需的繁琐脚本和样式。


HTML4中的<input>元素
HTML4输入元素使用type属性指定数据类型。HTML4提供以下类型-


序号 类型与说明
1个
文本


自由格式的文本字段,名义上没有换行符。


2
密码


自由格式的文本字段,用于存储敏感信息,名义上没有换行符。


3
复选框


预定义列表中的一组零个或多个值。


4
无线电


枚举值。


5
提交


免费的按钮形式将启动表单提交。


6
文件


具有MIME类型和文件名的任意文件。


7
图片


相对于特定图像尺寸的坐标,其语义必须为最后选择的值,并启动表单提交。


8



通常不会显示给用户的任意字符串。


9
选择


枚举值,非常类似于单选类型。


10
文本区域


自由格式的文本字段,名义上没有换行限制。


11
纽扣


按钮的一种自由形式,可以启动与按钮有关的任何事件。


以下是使用标签,单选按钮和提交按钮的简单示例-


... 
<form action = "http://example.com/cgiscript.pl" method = "post">  
   <p> 
      <label for = "firstname">first name: </label> 
      <input type = "text" id = "firstname"><br /> 
   
      <label for = "lastname">last name: </label> 
      <input type = "text" id = "lastname"><br /> 
   
      <label for = "email">email: </label> 
      <input type = "text" id = "email"><br> 
   
      <input type = "radio" name = "sex" value = "male"> Male<br> 
      <input type = "radio" name = "sex" value = "female"> Female<br> 
      <input type = "submit" value = "send"> <input type = "reset"> 
   </p> 
</form> 
 ... 




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:Web表单
友荐云推荐