成都网站建设设计

将想法与焦点和您一起共享

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"则该选项默认被选中。

多选:

就将上面的