王一卷wed课程第三节

一。表单(收集信息,将表单发送于哪里)

1.只读表操作:readonly(在type设置类型末尾加入,不能更改)

2.禁止点击:disabled(禁止点击按钮)

3.增加范围空间性能:for-> id(for内容中的名字和id一致)

王一卷wed课程第三节_第1张图片

王一卷wed课程第三节_第2张图片

value:按钮上显示的文字)

action:提交地址

method:提交方式{

1.get:提交方式用明文的方式进行传输,会暴露信息

2.post:提交方式以加密的方式进行传输

}

王一卷wed课程第三节_第3张图片

name把输入值保存,识别

王一卷wed课程第三节_第4张图片

王一卷wed课程第三节_第5张图片

王一卷wed课程第三节_第6张图片

1.file:上传照片或者文件

王一卷wed课程第三节_第7张图片

2.image:图片按钮,作用和提交按钮一样王一卷wed课程第三节_第8张图片

3.email:邮箱按钮

checked:选中其一状态(通常情况下设置一个)

4.type="date"可以直接输入数字(对于年月日自动生成)

5.性别输入:type="radio"时(表示单选)

王一卷wed课程第三节_第9张图片

6.输入网址:type=url

王一卷wed课程第三节_第10张图片

7.输入数字

.王一卷wed课程第三节_第11张图片

8.输入滑块

9.搜索块,搜索关键词

10.隐藏域,hidden ,lalue:所隐藏的内容

二。复选框

王一卷wed课程第三节_第12张图片

三。下拉列表(省份,年月日)

王一卷wed课程第三节_第13张图片

王一卷wed课程第三节_第14张图片

五。多行文本域

王一卷wed课程第三节_第15张图片

六。文件域。

王一卷wed课程第三节_第16张图片

七。表单初级验证方法

1.表中提示语:placeholder="提示语"(放在末尾)

2.表中必填写:required(直接加于末尾):不填写不能提交

3.表中规则:pattern

^1:必须以1开始

[358]:从358任选一个

\d:表示通配,0-9选一个

{9}:表示可以进行9次

王一卷wed课程第三节_第17张图片

{4,10}名字最少4位,最多10位;

王一卷wed课程第三节_第18张图片

王一卷wed课程第三节_第19张图片

你可能感兴趣的:(服务器,运维)