HTML5中form表单标签怎么使用
这篇文章主要介绍了HTML5中form表单标签怎么使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇HTML5中form表单标签怎么使用文章都会有所收获,下面我们一起来看看吧。

在榕城等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供做网站、网站设计 网站设计制作定制设计,公司网站建设,企业网站建设,高端网站设计,营销型网站,外贸网站建设,榕城网站建设费用合理。
语法:服务器文件">
讲解:1.
结束,表单都必须放在其之间。
2.method传送方式,get/post是后端程序员考虑的问题
3.action浏览者输入的数据被传送到的地方,比如一个php页面,(save.php)
用户名:
密码:
文本输入框,密码输入框
当用户需要在表单中键入字母,数据等,就要用到文本输入框,文本输入框也可以转化为密码输入框
语法:
讲解:1.type:
当type为text时,为文本输入框
当type为password时,为密码输入框
2.name:为文本框命名,以备后台aspphp使用
3.value:为文本输入框设置默认值(一般起提示作用)
文本输入框、密码输入框
账户:
密码:
结果:
账户:
密码:
文本域:支持多行文本输入
当用户需要在表单中输入大段文字时,就要用到文本输入域
语法:
文本
讲解:1.文本输入域以结束
2.rows:输入文本输入域的行数
3.cols:输入文本输入域的列数
4.在标签之间输入默认值
文本域
在这里输入内容...
结果:
个人简介
在后面会有详解。
使用单选框,复选框让用户选择
在使用表单设计调查表时,为了减少用户的操作,使用选择框是一个好办法,在HTML中,有单选框和复选框,两者的主要区别是单选框中用户的选项只能选择一项,而复选框中用户可以任意选择多项,甚至全选。
讲解:
1.type:radio:控件单选框
checkbox:控件复选框
2.value:提供数据到服务器的值
3.name:为控件命名,以备后台程序ASP,PHP使用
4.checked:当设置checked=“checked”时,该选项被默认选中。
单选框、复选框
你是否喜欢旅游?
你对那些运动感兴趣?
结果:
你是否喜欢旅游?
你对那些运动感兴趣?
注意:同一组的单选按钮,name的取值一定要一致,这样同一组的单选按钮才可以起到单选的作用。
下拉列表框
使用下拉列表框,节省空间,既可以单选,又可以多选。
单选:
下拉页表框
结果:爱好:读书运动音乐旅游购物(可以下拉)
选项
提交值:是向服务器提交的值
选项:是显示的值
设置selected="selected"则该选项默认被选中。
多选:
就将上面的