form表单

form表单

<form action="地址" method="提交方式">
    
</form>

action：表单提交的位置

method：post，get提交方式

 

get方式提交：在url中可以看到提交的数据，高效。

post方式提交：比较安全，可以传输大文件。

 

表单元素格式：

type：指定元素类型 text,password

name：指定表单元素名称

value：元素初始值

size：表单元素初始大小

maxlength：输入的最大 字符数

checked：按钮是否被选中

readonly：只读

disabled：禁用

hidden：隐藏

placeholder：提示信息

required：不能为空

pattern：正则表达式

表单元素:

单选框：<input type="radio" value="值" name="组">

多选框：<input type="checkbox" value="值" name="组">

按钮：<input type="button" value="值" name="">

提交按钮：<input type="submit">

重置按钮：<input type="reset">

下拉框：

<select name="名字">
    <option value="值1" selected>显示的值1</option>
    <option value="值2" selected>显示的值2 selected属性默认选中</option>
    <option value="值3" selected>显示的值33</option>
</select>

 

文本域：<textarea name="名字" cols="列" rows="行">内容</textarea>

文件域：<input type="file" name="名字">

邮箱验证：<input type="email" name="名字">

url验证：<input type="url" name="名字">

数字验证：<input type="number" name="名字" max="最大" min="最小" step="每次增加">

滑块：<input type="range" name="名字" max="最大" min="最小" step="每次增加">应用场景比如音量

搜索框：<input type="search" name="名字">带清除