表单元素 disabled 和 readonly 辨析】的更多相关文章

正确答案: B D 分析: Readonly 和 Disabled 是用在表单中的两个属性,它们都能够做到使用户不能够更改表单域中的内容.但是它们之间有着微小的差别,总结如下: 1)Readonly只针对 input(text/password) 和 textarea 有效,而 disabled 对于所有的表单元素都有效,包括 select, radio, checkbox, button 等. 2)若输入项的 disabled 设为 true,则该表单输入项不能获取焦点,用户的所有操作(鼠标点…
表单元素disabled禁用后不能自动提交到服务器,项目中需要一个元素只展示不修改,所以把一个input元素设置成了disabled="disabled",但是提交的时候改数据值是空的,搜了一下才知道元素禁用之后,数据不会自动提交了,所以改成readonly="readonly".…
1.表单元素中disabled的元素的值不会提交到服务器,后台获取的值为null <form id="myForm" action="#" method="post"> <input name="username" disabled="disabled" /> <input type="submit" value="提交"/> &l…
在HTML中,如果把一个<input>的readonly属性设置为"readonly",表示这个表单元素不能编辑. 但是,鼠标点击之后,这个表单元素还是有光标存在的. 此时点击回退键,会引起页面回退. 可以加上UNSELECTABLE='true'属性,取消光标的出现. 1. 设置   unselectable='on' 属性 <input type='text' readonly unselectable='on' onfocus='this.blur()'/>…
表单元素 一.form form代表表单,功能:用于申明表单,定义采集数据的范围,也就是<form>和</form>里面包含的数据将被提交到服务器或者电子邮件里.<form> 标签用于为用户输入创建 HTML 表单.表单能够包含input元素,比如文本字段.复选框.单选框.提交按钮等等.表单还可以包含textarea.type.name.value等元素.表单用于向服务器传输数据. 1.action action 属性规定当提交表单时,向何处发送表单数据,把数据提交给哪…
A.表单元素都是放在<form></form>标签内的.来看看表单的属性  属性 值 描述 accept MIME_type 规定通过文件上传来提交的文件的类型 accept-charset charset  服务器处理表单数据所接受的字符集 enctype MIME_type 规定表单数据在发送到服务器之前应该如何编码 method get/post 规定表单数据发送的方式,get方法和post方法 name name 规定表单的名称 target _blank/_parent/…
html表单元素 学习要点: 1.表单元素总汇 2.表单元素解析 本章主要探讨HTML5中表单元素,表单元素用于获取用户的输入数据.   一.表单元素总汇 HTML5的表单中,提供了各种可供用户输入的表单控件.           元素名称                                        说明             form          表示HTML表单             input         表示用来收集用户输入数据的控件          …
<input> 元素 最重要的表单元素是 <input> 元素. <input> 元素根据不同的 type 属性,可以变化为多种形态. 注释:下一章讲解所有 HTML 输入类型. <select> 元素(下拉列表) <select> 元素定义下拉列表: 实例 <select name="cars"> <option value="volvo">Volvo</option>…
表单是Html中获取用户输入的手段.此文对表单的元素进行了详细整理. 表单基本元素 form input button form元素 html4中,form元素相当于表单的外包装,其他都要在里面.html中,相关元素可以放在任何位置,但要在其中定义一个for属性,属性值为相关form的id值. 相关属性 1.action,说明提交表单时,浏览器应该把收集的数据发送到什么地方. 2. method,说明用来将表单数据发送到服务器的http方法,有post,get两种方法. get用于安全交互,同一…
网页不可能是纯静态的,没有任何的交互功能:绝大多数的网站都有表单元素的使用.表单提供了一个浏览者和网站交互的途径,比如用户注册登录,用户留言等功能. form form元素只是一个数据获取元素的容器,而容器内的元素称为表单控件.让表单数据能够提交,可以将表单元素包裹在<form>之中,最常用的表单控件是input元素.form元素为块级元素. form的主要属性 name属性:指定表单的名称. action属性:规定将表单元素数据提交到哪个页面. method属性:规定以何种方式提交表单数据,…
Form组件 定义文件位置: /extend/fast/Formphp 通用参数 $name 通常为我们组件的名称(name属性值),我们在后台接收时可以通过这个名称来获取到它所对应的值 $value 通常为我们数据库中的值(元素value值),在新增的时候通常为空,在修改的时候通常需要是数据库中对应字段的值 $options 组件的扩展属性,通常为一一键值匹配并最终渲染在组件的属性中,通常我们使用的有data-rule/disabled/readonly/multiple等等,也常用于自定义组…
注意:并不是所有的主流浏览器都支持新的input类型,不过您已经可以在所有主流的浏览器中使用它们了.即使不被支持,仍然可以显示为常规的文本域. (1)Input 类型: color color 类型:用在input字段主要用于选取颜色 <form action="demo-form.php"> 选择你喜欢的颜色: <input type="color" name="favcolor"><br> <inpu…
在提交 from 表单时,下面的 input 无法正常提交给后台, 发现,如果input的字段设为disabled,该表单是无法提交的. <input type="text" name="name" disabled /> 解决方法 将表单中字段 disabled 用 readonly 代替即可(如有需要,可以对该表单加上灰色的背景色) 可以在写一个隐藏属性,一个用于传值,一个用于显示 disabled和readonly的异同 相同点 都可使文本框不能输…
表单元素概述 表单(Form),用于收集用户信息.提交用户请求等处理过程        1.设计表单,并放入一些输入域        2.网站访问者在自己的计算机上填写上述输入域,并提交到服务器端        3.服务器处理数据并返回确认信息 其执行过程可以用下图表示: 语法:     开始标记:必需     内容:表单域元素     结束标记:必需主要属性:        1.accept:文件上传所使用的MIME类型列表.        2.action:表单提交的地址,通常是包含服务方脚…
  form表单元素设置只读 CreateTime--2017年5月5日11:42:41 Author:Marydon 1.设置文本框只读 <!-- 方法一:简写 --> <input type="text" name="" value="文本框" class="" readonly/> <!-- 方法二:写全 --> <input type="text" name…
表单元素 一.form form代表表单,功能:用于申明表单,定义采集数据的范围,也就是<form>和</form>里面包含的数据将被提交到服务器或者电子邮件里.<form> 标签用于为用户输入创建 HTML 表单.表单能够包含input元素,比如文本字段.复选框.单选框.提交按钮等等.表单还可以包含textarea.type.name.value等元素.表单用于向服务器传输数据. 1.action action 属性规定当提交表单时,向何处发送表单数据,把数据提交给哪…
html5-5   HTML5表单元素和内嵌框架 一.总结 一句话总结:单选框和多选框选的时候外面加label就可以实现选后面文字也可以选中了 1.html5如何实现文件上传? 必须加上enctype='multipart/form-data' 23 <form action="reg.php" method='post' enctype='multipart/form-data'> 24 <p>用户名:</p> 25 <p><in…
表单元素 1.定义: 表单是提供让读者在网页上输入,勾选和选取数据,以便提交给服务器数据库的工具.(邮箱注册,用户登录,调查问卷等) 2.表单元素(下拉框,输入框……) 3.表单主结构: <form action=""></form> 作用:将数据值提交到后台,起到一个交互作用. 4.表单与表单元素的关系 表单是表单元素的集合体 5.基本结构 <form action="" method=""></for…
手写代码? meta(json)需要手写吗?别闹,手写多麻烦呀,我这么懒怎么可能手写,这辈子都别想,所以要弄个工具出来,咱们说干就干. 这个工具,说白了本身就是一个表单,一个meta属性对应一个meta的属性,合在一起就是一个完整的meta了,只是不同的组件属性不同,需要区分对待不能混为一谈. 先看看工具啥样的 [工具截图] 是不是挺难看?我没有艺术细胞,大家多担待.等找到支持3.0的UI,就可以做一个漂亮的页面了,现在先实现功能. 左面是表单,右面是控件展示.控件值以及生成的meta. 流程…
看完"HTML表单__表单元素"那一节的同学会发现,同是input标签,type属性值不一样的时候,input类型完全不一样.type就是input的一个属性,除type之外,还有很多属性,接下来我们开始了解表单元素属性都有哪些? input标签属性: 1.1 type是input特别重要的属性,type属性值决定input的类型. text ,定义文本输入框. password,定义密码框. radio,单选框 checkbox,定义复选框. submit,定义提交按钮. reset…
html表单元素的基本格式为(必须包含在form标签中)…
一.表单标签: 表单标签:http://blog.csdn.net/mylovestart/article/details/8589002 html5新增表单元素: 1.datalist:http://www.w3school.com.cn/html5/html5_datalist.asp 2.keygen:http://www.w3school.com.cn/tags/tag_keygen.asp 3.output:http://www.w3school.com.cn/tags/tag_out…
介绍HTML 5: 表单元素之 input 元素 表单元素之 input 元素 - text, password, url, telephone, email, search, file, radio, checkbox, button, submit, reset, number, range, image, hidden, color, datetime, datetime-local, date, time, month, week input 元素的通用属性 - autocomplete…
表单 格式: <form action=" " method="get/post"  placehoder=" "></form> 表单元素:12个  1.文本类txt-<input type="txt" value="内容"  name="名字(相同的为一类)"  id="身份号(不可重复)"/> - 文本框password-&l…
form.elements 获取所有表单元素 form 表单 <form action="http://localhost:1995/api/post" class="form" method="post"> <input type="text" name="name" value="ajanuw"> <input type="text"…
1.表单元素 1.input元素 1.隐藏域和文件选项框 1.隐藏域 <input type="hidden"> 要提交给服务器的数据,但是不想展示给用户看可以放在隐藏域中. 2.文件选择框 <input type="file"> 注意: 1.method属性的值必须为post 2.enctype属性的值必须为multipart/form-data 2.textarea元素 1.作用 允许输入多行数据的文本框. 2.语法 标记:<tex…
一.HTML 表单元素复习 (1)文本类 文本框:<input type="text" name="" id="" value=""/> 密码框:<input type="password" name="" id="" value=""/> 文本框:<textarea name="" id=&quo…
此选择器主要是对所选择的表单元素进行过滤: 选择器 描述 返回 enabled 选择所有的可用的元素 集合元素 disabled 选择所有的不可用的元素 集合元素 checked 选择所有被选中的元素(单选框,复选框) 集合元素 selected 选择所有被选中选项元素(下拉列表) 集合元素 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd&q…
一.禁用表单元素 1.dom设置属性 disabled="disabled" || disabled=true 2.css样式(高版本浏览器) pointer-events:none 二.禁止选中 .disabled{     -webkit-user-select:none;     -moz-user-select:none;     -ms-user-select:none;     user-select:none; }…
原文地址:→看过来 写在前面 select 是HTML表单元素中很常用的一个,其中很重要的几个属性常被忽略,但这几个属性却能帮助我们完成很多的功能,当然,select下拉列表默认样式很不友好,所以更多的时候可以自己模拟实现一个同样功能的下拉菜单.下文先介绍select标签的一些属性及使用,后面再模拟一个相同效果的下拉菜单. 介绍之前先看下demo预览图: firefox下select的默认样式: chrome下select的默认样式: firefox下自定义select下拉列表的icon效果:…