html5 3.0 表单

Posted on 2023-05-10 15:08  liuxin6de1b  阅读(26)  评论(0编辑  收藏  举报

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

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

表单的元素属性:<input type="text"name="   ”value="  "/>type;指定当前元素的类型value:所见即所得name:提交到后端服务器的值

文本框<input type="text"value=" "/>用户在页面中输入的值明文显示;valuce="   "默认的值

密码框<input type="possword"/>用户在页面输入的值暗文显示

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

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

列表框:select是列表框中的标签名;option是列表框中列的标签名;select和option是一对组合不可分离,value存放的值是用来发送到服务器后端的,不是用来表示的;option之间的文本是用来表示的;结构<from><select name="love"><option value="0">中国</option><option value="1">美国</option><option value="2">俄罗斯</option></select></from>

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

多行文本域:<textarea></textarea>

文件域:上传文件至服务器后端;结构:<form action="  "enctype="multipart/form-data">

                                                                 <input type="file"/>

                                                                 <input type=“submit”value=" 上传”/></form> 

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

ps:注释快捷键ctrl+/

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

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

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

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

 

Copyright © 2024 liuxin6de1b
Powered by .NET 9.0 on Kubernetes