网站建设之初识HTML标签-form表单标签
1.<form></form> --表单标签
form标签常用属性:
*action属性:提交的目标地址(URL)
*method属性:提交方式:get(默认)和post
get方式是URL地址栏可见,长度受限制(IE2k火狐8k),相对不安全.
post方式是URL地址不可见,长度不受限制,相对安全.
enctype:提交类型
target:在何处打开目标URL。
name:属性为表单起个名字.HTML5不支持。用id代替。
2.<input> 表单项标签input定义输入字段,用户可在其中输入数据。在HTML5中,type属性有很多新的值。
具体在下面有详解:
如:<inputtype="text"name="username">
3.<select> 标签创建下拉列表。
*name属性:定义名称,用于存储下拉值的
size:定义菜单中可见项目的数目,html5不支持
disabled当该属性为true时,会禁用该菜单。
multiple多选
*<option> 下拉选择项标签,用于嵌入到<select>标签中使用的;
*value属性:下拉项的值
*selected属性:默认下拉指定项.
4.*<textarea> 多行的文本输入区域
*name:定义名称,用于存储文本区域中的值。
*cols:规定文本区内可见的列数。
*rows:规定文本区内可见的行数。
disabled:是否禁用
readonly:只读
...
5.*<button> 标签定义按钮。
您可以在button元素中放置内容,比如文档或图像。这是该元素与由input元素创建的按钮的不同之处。
6.<fieldset>html5标签--fieldset元素可将表单内的相关元素分组。
disabled属性:定义fieldset是否可见。
form属性:定义该fieldset所属的一个或多个表单。
7.<legend>html5标签--<legend> 标签为<fieldset>、<figure> 以及<details> 元素定义标题。 <form> <fieldset> <legend>健康信息:</legend> 身高:<inputtype="text" /><br/> 体重:<inputtype="text" /><br/> </fieldset> </form> 8.<optgroup>html5标签--<optgroup> 标签定义选项组。此元素允许您组合选项 样例: <select> <optgroup label="Swedish Cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> </optgroup> <optgroup label="German Cars"> <option value="mercedes">Mercedes</option> <option value="audi">Audi</option> </optgroup> </select> 9.<datalist>html5标签--<datalist> 标签定义可选数据的列表。与input元素配合使用,就可以制作出输入值的下拉列表。 样例: <form action="demo_form.php"method="get"> <inputlist="browsers"name="browser"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist> <inputtype="submit"> </form> 10.**<input/> 表单项中的属性,可以提供 *type属性:表示表单项的类型:值如下: text:单行文本框 password:密码输入框 checkbox:多选框注意要提供value值 radio:单选框 注意要提供value值 file:文件上传选择框 button:普通按钮 submit:提交按钮 image:图片提交按钮 reset:重置按钮,还原到开始(第一次打开时)的效果 hidden:表单隐藏域,主要是和表单一块提交的信息,但是不需要用户修改 *name属性:表单项名,用于存储内容值的 *value属性:输入的值(默认指定值) size属性:输入框的宽度值 maxlength属性:输入框的输入内容的最大长度 readonly属性:对输入框只读属性 *disabled属性:禁用属性 *checked属性:对选择框指定默认选项 accesskey属性:指定快捷键(不常用)(IE:alt+键 火狐:alt+shift+键) tabindex属性:通过数字指定tab键的切换顺序(不常用) src和alt是为图片按钮设置的 注意:reset重置按钮是将表单数据恢复到第一次打开时的状态,并不是清空 image图片按钮,默认具有提交表单功能。
标签:标签,初识,表单