苏州网站制作及推广,购物网站seo搜索引擎前期分析,苏州市建设培训网站安全员C类查询,襄阳网站排名优化HTML表单
表单用于搜集不同类型的用户输入#xff0c;表单由不同类型的标签组成#xff0c;实现一个特定功能的表单区域#xff08;比如#xff1a;注册#xff09;#xff0c;
首先应该用标签来定义表单区域整体#xff0c;在此标签中再使用不同的表单控件来实现不同…HTML表单
表单用于搜集不同类型的用户输入表单由不同类型的标签组成实现一个特定功能的表单区域比如注册
首先应该用标签来定义表单区域整体在此标签中再使用不同的表单控件来实现不同类型的信息输入
具体实现及注释可参照以下伪代码 !-- label标签定义表单控件的文字标注input类型为text定义了一个单行文本输入框 --
plabel姓名/labelinput typetext nameusername /
/p!-- input类型为password定义了一个密码输入框 --
plabel密码/labelinput typepassword namepassword /
/p!-- input类型为radio定义了单选框 --
plabel性别/labellabelinput typeradio namegender value0 / 男/labellabelinput typeradio namegender value1 / 女/label
/p!-- input类型为checkbox定义了单选框 --
plabel爱好/labellabelinput typecheckbox namelike valuesing / 唱歌/labellabelinput typecheckbox namelike valuerun / 跑步/labellabelinput typecheckbox namelike valueswiming / 游泳/label
/p!-- input类型为file定义上传照片或文件等资源 --
plabel照片/labelinput typefile nameperson_pic
/p!-- textarea定义多行文本输入 --
plabel个人描述/labeltextarea nameabout/textarea
/p!-- select定义下拉列表选择 --
p
label籍贯/labelselect namesiteoption value0北京/optionoption value1上海/optionoption value2广州/optionoption value3深圳/option/select
/p!-- input类型为submit定义提交按钮还可以用图片控件代替submit按钮提交一般会导致提交两次不建议使用。如input typeimage srcxxx.gif
--
pinput typesubmit name value提交!-- input类型为reset定义重置按钮 --input typereset name value重置
/pinput表单项中的属性可以提供
*type属性:表示表单项的类型:值如下:text:单行文本框password:密码输入框checkbox:多选框 注意要提供value值radio:单选框 注意要提供value值file:文件上传选择框button:普通按钮submit:提交按钮image:图片提交按钮reset:重置按钮, 还原到开始\(第一次打开时\)的效果hidden:主表单隐藏域,要是和表单一块提交的信息,但是不需要用户修改*name属性:表单项名,用于存储内容值的*value属性:输入的值\(默认指定值\)size属性:输入框的宽度值maxlength属性:输入框的输入内容的最大长度readonly属性:对输入框只读属性*disabled属性:禁用属性*checked属性:对选择框指定默认选项src和alt是为图片按钮设置的注意reset重置按钮是将表单数据恢复到第一次打开时的状态并不是清空image图片按钮默认具有提交表单功能。placeholder 属性规定可描述输入字段预期值的简短的提示信息比如一个样本值或者预期格式的短描述。该提示会在用户输入值之前显示在输入字段中。注意placeholder 属性适用于下面的 input 类型text、search、url、tel、email 和 password。
