FORM表单及其属性
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><h1 style="text-align: center">表单form</h1><title>css常用选择器</title> </head> <body> <form action="contact04.html" method="get" id="ddl"><!--action 用来指定数据要提交到哪里去 method 指定网络请求的方式 (1) get请求 传递到服务端的数据以追加到url路径后的方式发送 规则 所有数据都在?之后,多个数据以&符号进行分割 get请求缺点 网络请求数据直接暴露在url里;敏感数据容易被窃取 属绝传输量小 post 传递到服务端的数据隐藏在请求体里,隐藏敏感数据 post请求的优点:传输的数据隐秘性比较好,数据传输量基本上没有什么限制--> <!--input的类型 name属性必须添加!!!!为了正常的提交数据到服务器 text单行文本 password 密码 输入的文本一隐藏的方式显示 radio 单选框 护持的效果通过同名name来实现, value是提交数据到服务器是方便组成键值对--> <!--tabindex=""可以更改tab键的跳转顺序--> <!-- autocomplete 自动完成功能 autofocus 自动获取焦点 required 必填 placeholder 提示 --> <!-- 能够不用table标签就别用 浏览器运行速度非常慢慢慢慢--> <fieldset><legend>用户注册用户注册用户注册用户注册用户注册用户注册用户注册用户注册用户注册</legend><table align="center"><tr><td>会员名:</td><td><input type="text" name="name" autocomplete="on" autofocus required placeholder="填写会员名" value="朝思暮林" readonly="false"/> </td><td>(可包含a-z,0-9和下划线)</td></tr><tr><td>密码1:</td><td><input type="password" name="pwd" tabindex="1" autocomplete="on"/></td> <!--name属性一定要有--> <td>(至少包含6个字符)</td> <!--tabindex="1" 这是tab键的跳转顺序--> </tr></tr><tr><td>性别</td><td><input type="radio" name="sex"/>男 <input type="radio" name="sex"/>女 </td><td>必填</td></tr><tr><td>爱好</td><td><input type="checkbox" name="hobby" value="basketball"/>篮球 <input type="checkbox" name="hobby" value="football"/>足球 </td><td>必填</td></tr><tr><td><input type="submit"/> </td><td><input type="reset"/> </td></tr><tr><td><input type="file" name="file"/></td></tr><tr><td><input type="button" value="putonganniu"/></td> <!--无法跳转--> <td><input type="image" src="../../img/qqzone.png"/> </td><td><button>普通按钮</button></td></tr><tr><td>ez</td><td><select name="idd" id="idd" multiple size="5"> <!--multiple可以多选--> <option value="1">a</option><option value="2">b</option><option value="3">c</option><option value="4">d</option><option value="4">e</option><option value="4">f</option><option value="4">g</option></select></td></tr><tr><td colspan="3" align="center"><input type="submit"/></td></tr><tr><td>协议</td><td colspan="2"><textarea name="xieyi" id="" cols="15" rows="3">sssssssssssss</textarea></td></tr></table></fieldset> </form> <hr/> <input style="text-align: center" type="text" name="nick" placeholder="请输入昵称" form="ddl"/><form action="contact04.html" method="get"><fieldset><table align="center"><tr><td>邮箱</td><td><input type="email" name="email"/></td></tr><tr><td>地址</td><td><input type="url" name="url"/></td></tr><tr><td>日期</td><td><input type="date" name="date"/></td></tr><tr><td>时间</td><td><input type="time" name="time"/></td></tr><tr><td>月份</td><td><input type="month" name="month"/></td></tr><tr><td>星期</td><td><input type="week" name="week"/></td></tr><tr><td>滚动条</td><td><input type="range" name="range"/></td></tr><tr><td>颜色</td><td><input type="color" name="color"/></td></tr><tr><td><input type="submit"/></td></tr><tr><td>下拉列表</td><td><input id="mycar" list="cars"/> <!--datalist list两个要一样--> <datalist id="cars"><option value="BMW"></option><option value="Ford"></option><option value="Volov"></option></datalist></td></tr></table></fieldset> </form> <progress value="50" max="100"></progress> <meter value="9" min="2" max="10"></meter> <!--温度值--> </body> </html>
FORM表单及其属性相关推荐
- html表单的常用属性有哪些,html/form表单常用属性认识
1.form表单常用属性练习 .form1 { margin: auto; height: 900px; width: 500px; text-align: center; line-height: ...
- form 表单 onsubmit 属性
Html中form表单有一个onsubmit属性: 当onsubmit的值为return true时,单击提交按钮,会直接打开action指定的连接 当onsubmit的值为return false时 ...
- Form表单method属性的两种提交方式Get和Post的区别
Mothod属性是控制表单的提交方式的. 表单提交方式有两种:post方式的提交,get方式提交(默认的方式). 两者的区别: 1.get方式的提交,表单元素对应的值会以?key=value& ...
- form表单的属性方法
1.form表单:<form></form>action:用户提交的数据提交到的位置[指定的页面]method:用户的提交方式post:传输的数据量更大,更安全get:反之传输 ...
- form表单target属性运用
form表单的target,当iframe设置为隐藏时,可以实现当前页表单提交而部进行跳转刷新,代码如下: <form action="提交的action" method=& ...
- Form表单的属性action与method
1.Action action属性可设置或返回表单的action属性. 属性 值 描述 Action URL 规定当提交表单时向何处发送表单数据 下面例子可以更改表单的ationURL 结果输出如下: ...
- HTML中的form表单的标签、属性、属性值; CSS以及HTML5新增属性、属性值
form表单HTML5.CSS3标签及属性.属性值 form表单HTML标签.属性.属性值: (单行文本输入框) (密码输入框) (单选框) (多选框) (提交按钮) (重置按钮) 或者按钮(空按钮) ...
- FORM表单的几大属性
问题引入 在做一个活动支付项目的时候,提交订单(form表单)跳转支付页面发现没有反应.经过断点排查发现断点也进了,不报错.但是返回的就是空白页,让人很纠结. 经过反复测试,才发现是杀毒软件拦截了fo ...
- form表单、控制器中接收表单提交数据的4种方式
Form表单 这篇文章主要讲的是form表单的提交 之前我们接触过的form表单元素是在Bootstrap框架里面,这次也将用到Bootstrap框架去布局(见图表1)通过Bootstrap框架布局呈 ...
最新文章
- kotlin + springboot启用elasticsearch搜索
- 计算机视觉和模式识别领域SCI期刊介绍
- linux如何删除符号链接文件夹,在Linux中怎样移除(删除)符号链接
- CORS(跨域资源共享)
- 《从强盗资本家到慈善家》--转载自思维的乐园
- Oracle中用于发送邮件的存储过程
- Android setOnPageChangeListener 过时解决
- CRM中复制记录的方法
- TFTP 服务器的配置
- 多云环境无处不在,但其管理才刚开始
- 博弈论分析题_《博弈论》期末考试试题
- control c linux命令,linux中Control+C是什么指令?使用什么命令可以给一个进程发出一个这样的指令?...
- [华硕路由器官方设置]ASUS RT-AC86U官方设置
- 2010年全球移动行业回顾:iPad大热 中国崛起
- ppt转换成H5功能总结
- 2021第六届全国学生“学宪法讲宪法“活动答案
- mp3文件怎么转换格式
- 盛志凡:智能电视操作系统TVOS2.0-广电终端智能化的主引擎
- SpringBoot配置文件加密jasypt【数据库配置加密、redis配置加密、核心参数加密】
- nodemcu刷鸿蒙系统,mac开发nodemcu, 通过terminal刷固件