html教程之form表单元素

老雷html教程之form表单元素

1.form 表单

<form action="post.php" method="post" target="_self" autocomplete="off" enctype="multipart/form-data" >

</form>

属性列表

action 规定当提交表单时向何处发送表单数据

method 数据请求方式 get post

enctype 规定在发送表单数据之前如何对其进行编码

application/x-www-form-urlencoded 默认

multipart/form-data 表单含文件上传时必须使用 file

target 打开方式 _blank,_self

autocomplete 规定是否启用表单的自动完成功能。

on 开启

off 关闭

2. fieldset 将表单内的相关元素分组

legend fieldset 元素定义标题

3. label 标签为 input 元素定义标注

4. input 标签用于搜集用户信息

<input name="title" type="text" value="这是input标签" placeholder="默认内容提示" checked readonly disabled />

name 名称

type

text 单行文本框

hidden 隐藏

password 密码类型

radio 单选框

checkbox 复选框

file 文件上传

value 值

placeholder 规定帮助用户填写输入字段的提示

readonly 只读

disabled 禁用

checked 选中，针对radio checkbox

5. textarea 多行文本框

<textarea name="content" placeholder="默认内容提示" readonly disabled>内容在标签里面哦</textarea>

属性列表

name 名称

placeholder 规定帮助用户填写输入字段的提示

readonly 只读

disabled 禁用

rows 规定文本区内的可见行数

6. select 菜单列表

<select size="1" multiple name="select">

<option selected value="0">选项二</option>

<optgroup label="Swedish Cars">

<option value ="volvo">Volvo</option>

</optgroup>

</select>

select属性列表：

name 下拉列表的名称

disabled 禁用该下拉列表。

multiple 规定可选择多个选项

size 属性规定下拉列表中可见选项的数目

option 具体选项

属性列表

disabled 禁用

selected 选中状态

value 值

optgroup 选项组

label 选项组规定描述

disabled 禁用

7.button 按钮

属性列表

name 名称

value 值

type 按钮类型

button 按钮

reset 重设按钮

submit 提交按钮

disabled 禁用