前端-html表单
来源:互联网 发布:java流的分类好难记 编辑:程序博客网 时间:2024/06/05 18:25
表单是啥?
form是一个表单,是为了收集数据的、是一个看不到的东西。需要提交的数据必须放到表单中,这样才能一一对文本内容进行校验。
表单两个属性
action :提交到服务器的位置或是路径 action="#"表示当前页面
method:提交方式有7种,但是常用的为两种 get和post
get方式:
1.1参数会以键值对的方式拼接到地址栏后面 key=value
1.2多个参数以& 的方式进行连接
1.3第一个参数会以?的方式连接
1.4拼接长度有限
post方式(开发中常用):
1.1地址栏不会进行拼接
1.2长度不限
表单中的标签 input
属性:
userName:相当于key
value: 相当于value
hidden:隐藏name和value不想给用户看的数据,将会在隐藏域中
input[type='password']{
background-color:red //设置背景色
}
背景色: background-image:url();
边框线: border: 1px solid blue;
之前一直不明白,标签中有id不就行了,为什么还需要name和value呢?我们提交数据的时候,提交的数据将在地址栏上显示,需要用userName=value的方式表示,如果没有设置name地址栏的数据是无法显示的,相当于没有对数据进行提交。
常用的type
type=“”button、sumit、radio、checkbox、text、hidden、reset、
单选框只进行单选 必须设置同样的name 进行默认选择:checked=“checked”
验证码
验证码:<input type="text" /> <inputtype="image" />
验证码:<input type="text" /> <inputtype="image" src="../img/captcha.jpg"/>
设置文本框长度方式
size:40; 文本长度扩大两倍,如果是在style属性中设置,要设置width。
maxlength 可输入最大长度
readonly:是否只读 readonly="readonly"
disabled: 是否可用 disabled="disabled"
注册按钮 类型必须是 type="submit",才能提交整个表单。
选择框:<select>
<select name="mySelect" multiple="multiple">
<option value="0">选择一</option>
<option value="1">选择二</option>
</select>
总结:- 前端-html表单
- [Web前端]梳理-DOM.19. HTML表单
- web前端-HTML表单-015
- WEB前端开发学习----3.HTML表单form标签
- Web前端教程-02.06.HTML表单和php环境搭建
- WEB前端 | HTML基础——(5)表格和表单
- 前端HTML<form>表单的属性和使用
- 前端使用html+css,表单型效果自我实现
- web前端html文件之间做表单数据传输和处理
- Web前端-html页面-01(锚点、表单、个人简历)
- WEB前端听课笔记——HTML之表单
- 前端知识之HTML-----form------from表单属性
- 前端表单
- html表单
- html表单
- html表单
- html:表单
- HTML表单
- 512
- XML
- 恐怖的大数据
- 二阶有源带通滤波器滤波原理
- android material design之Viewpager嵌套Viewpager,recycleview下拉刷新上拉加载
- 前端-html表单
- 跟我学shiro,第三课
- 变点检测
- vue 组件介绍
- android分割线
- QQ输入法截图屏幕自动放大
- spark的基本概念(术语词典)
- ConfigurationChanged流程梳理(屏幕旋转,语言,字体切换)
- 一张图看懂JavaScript中数组的迭代方法