html5 3.0 表单
阅读原文时间:2023年08月09日阅读:3

表单的定义:多个输入框,以表格的形式展示

表单常用在网页登录和注册功能中

表单的元素属性:type;指定当前元素的类型value:所见即所得name:提交到后端服务器的值

文本框用户在页面中输入的值明文显示;valuce="   "默认的值

密码框用户在页面输入的值暗文显示

单选按钮:type=“radio”:代表单选按钮;name=“   ”name里面的值相同的话,代表是单选。否则是多选;valuce=“  ”里面的值不显示。发送到后台;checked=“checked代表初始网页打开时默认勾选某个框”

复选框(复选按钮:type="checkbox"意思是类型为多选按钮name=“  ” 注意多个多选框按钮的值保持一致 value=“ ”代表发送到后端服务器中的值,不显示checked=代表初始化页面默认勾选某个多选框

列表框:select是列表框中的标签名;option是列表框中列的标签名;select和option是一对组合不可分离,value存放的值是用来发送到服务器后端的,不是用来表示的;option之间的文本是用来表示的;结构

图片按钮:reset;重置按钮submit:提交按钮button:普通按钮

多行文本域:

文件域:上传文件至服务器后端;结构:

邮箱表单:tpcy=email 代表如果用户输入邮箱的地址不符合邮箱地址的规范,会导致用户触发submit按钮之后,无法转到action中的html的页面,并提示警告。 请输入邮箱地址

ps:注释快捷键ctrl+/

网址表单 type=url代表提交表单后,网址必须符合规范,否则会提示“请输入网址”。 请输入网址

数字表单:type=number代表的含义是展示可以限制用户输入范围的标签类型min代表最小值,max代表最大值,step代表用户每一次选择数值的步长input type=number min=“0” max=“10” step=“2”

滑块表单:与数字表单相同number改为range

搜索框:带有删除的搜索框,按钮在搜索框之内input type=search

手机扫一扫

移动阅读更方便

阿里云服务器
腾讯云服务器
七牛云服务器

你可能感兴趣的文章