精华内容
下载资源
问答
  • 例8-1 form对象的应用 先看ex8-1.htm 注意在另一窗口中显示内容的做法 document.forms.length表示表单的数量 第1组6个表单元素的值见ex8-1-1.htm document.forms[j].elements[k].value radio对象和checkbox对象的值...
  • 【常见的表单元素有哪些?各什么属性? 】 大家好,我是IT修真院北京分院第23期学员。今天小课堂的主要内容是,input表单的应用,还有在html5中新增的属性。 表单元素是允许用户在表单中(比如:文...

    这里是修真院前端小课堂,每篇分享文从

    【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】

    八个方面深度解析前端知识/技能,本篇分享的是:

    【常见的表单元素有哪些?各有什么属性? 】

    大家好,我是IT修真院北京分院第23期学员。今天小课堂的主要内容是,input表单的应用,还有在html5中新增的属性。

    表单元素是允许用户在表单中(比如:文本域,下拉列表,单选框,复选框等等)输入信息的元素,最主要的作用就是收集信息。表单元素是页面中不可缺少的元素,在最新的H5中,表单元素也新增了一些属性,在页面构建中发挥了重要的作用。一般来说,表单包含如下几个部分:

    1. 提示信息:表单中包含的说明性文字

    2. 表单控件:包含了具体的表单功能项

    3. 表单域:容纳所有表单控件和提示信息

    常用的表单元素,包括:

    1. form: 定义供用户输入的表单。

    2. fieldset: 定义域。即输入区加有文字的边框。

    3. legend:定义域的标题,即边框上的文字。

    4. label:定义一个控制的标签。如输入框前的文字,用以关联用户的选择。

    5. input: 定义输入域,常用。可设置type属性,从而具有不同功能。

    6. textarea: 定义文本域(一个多行的输入控件),默认可通过鼠标拖动调整大小。

    7. button: 定义一个按钮。

    8. select: 定义一个选择列表,即下拉列表。

    9. option: 定义下拉列表中的选项。

    接下来是对这些表单元素的具体分析。

    <form name="" action="" method="get">……</form>

    name : 表单名称;action : 用来指定表单处理程序的位置(url);method : 定义表单结果从浏览器传送到服务器的方式,默认为"get"(也可以是post)

    <input type="" name="" value="" size="">

    name:控件名称;value:input控件默认文本值;size:input控件在页面中的显示宽度(必须是正整数)

    input常用type属性如下:

    1. text:单行文本输入框,可以通过正整数的size控制框长度。

    2. password:密码输入框。

    3. radio:单选按钮,同一组的单选按钮必须要有相同的name。

    4. checkbox:复选框,同一组的单选按钮必须要有相同的name。

    5. button:普通按钮。

    6. submit:提交按钮,每出现一次,一个 Submit 对象就会被创建。

    7. reset:重置按钮,会重置当前表单中全部的内容。

    8. image:图像形式的提交按钮,写法是“”。

    9. hidden:隐藏域,隐藏字段对于用户是不可见的。

    10. file:文件域,用于文件上传。

    <select size="" multiple="multiple">

    <option hidden>选项1</option>

    ……

    </select>

    size:下拉菜单的可见选项数;multiple:多选。

    在最新的html5中,有一些表单的新增属性,多用于js,如

    datalist : 定义填写一个input时,提示几个option用于提示。可通过input的list特性与此元素作关联。

    output : 表示计算的结果。可通过for特性与其它能够影响运算的元素(如input)作关联。

    还有一些新增的type属性:

    1. search:input会呈现为搜索框(与text类型的唯一区别在于当鼠标覆盖时尾部出现叉号可快速清除输入的内容)。

    2. tel:编辑电话号码的控件,提交时换行符会自动从输入框中去掉。

    3. url:编辑url的控件,提交时换行符与首位的空格都将自动去除。

    4. email:可输入一个邮件地址。

    5. color : 选择颜色的控件。

    6. date : 选择年月日的控件。

    此外,还有time、datetime、datetime-local、month、week、number、range类型。

    html5中input新增的一些较常用的特性:

    1. list:关联datalist所用的该datalist的id(即datalistform外建立,通过list关联即可)。

    2. pattern:一个正则表达式,用于检查控件的值,可作用于text、search、tel、url、email类型的input。

    3. form:一个字符串(为关联的form表单的id),用于表明该input属于哪个form表单(作用类似list)。

    4. formmethod:表明使用GET还是POST,能覆盖form表单的method。仅在type为image或submit,且上面的form特性被设置的情况下才能使用。相似的有formtarget特性。

    5. readonly:一个boolean值,表明该input值是否能被用户修改,可用于信息展示等页面。作用于type为hidden、range、color、checkbox、radio、file、button的input将被忽略。

    6. maxlength:type为text、emal、search、password、tel或url(都为文本)时允许输入的最大字符个数。

    7. autocomplete:浏览器是否根据之前提交的输入情况对此input自动填值(即以option形式匹配之前的输入值),取值on或off,默认on。如在登陆页面不想显示上一个登陆的用户名等时,可设置为off。

    参考文献

    1. html元素-表单元素及实用属性:http://blog.csdn.net/qq_19865749/article/details/52490882" target="_blank"

    2. W3School HTML 表单 : http://www.w3school.com.cn/html/html_forms.asp" target="_blank"

    3. HTML5-input元素新特性 :http://blog.csdn.net/garvisjack/article/details/63683201#Menu3-date

    相关ppt见:https://ptteng.github.io/PPT/PPT/css-04-%E8%A1%A8%E5%8D%95.html#/

    腾讯视频:https://v.qq.com/x/page/o05246f2ah7.html

    问题整理

    1. 使用input上传文件或图片应该怎么办

    涉及到angularjs,可参考插件https://github.com/nervgh/angular-file-upload

    2. input为什么不使用闭合标签

    input为自闭和标签,详见W3C标准

    3. type="number"在输入框右侧有上下箭头可以加减数字,怎么去掉箭头?

    使用type="tel"时没有右侧上下箭头

    展开全文
  • HTML5 拥有若干涉及表单的元素和属性下面为大家介绍下新的表单元素 datalist 元 素 keygen 元素 output 元素以及它们的使用实例感兴趣的朋友可以参考下哈希望对 大家有所帮助 HTML5 拥有若干涉及表单的元素和属性 本...
  • 摘要:脚本资源,Ajax/JavaScript,表单美化,NiceForms niceforms.js各种已美化的常用表单元素控件效果,很漂亮的表单,比较不错。使用niceforms.js表单美化控件,可对表单控件的文本框、下拉框、单选按钮、复选按钮、...
  • 在Web开发中,要经常操作表单元素,如input输入框,select下拉选择框,radio单选按钮,checkbox复选框等。这个包含了常用表单元素操作的代码。
  • 常用表单控件是input元素 accept、alt、checked、disabled、maxlength、name、readonly、size、src、type、value这11个属性是input元素的传统元素属性 autocomplete、autofocus、form、formaction、formenctype...

    form元素只是一个数据获取元素的容器,而容器内的元素称为表单控件。最常用的表单控件是input元素

    accept、alt、checked、disabled、maxlength、name、readonly、size、src、type、value这11个属性是input元素的传统元素属性

    autocomplete、autofocus、form、formaction、formenctype、formmethod、formnovalidate、formtarget、height、list、max、min、multiple、novalidate、pattern、placeholder、required、step、width这19个属性是HTML5新增的元素属性

    传统属性

    name

    name属性用于规定input元素的名称,用于对提交到服务器后的表单数据进行标识,或者在客户端通过javascript引用表单数据

    注意:只有设置了name属性的表单元素才能在提交表单时传递它们的值

    type

    type属性用来规定input元素的类型

    注意:如果input元素没有设置type属性,或者设置的值在浏览器中不支持,那么输入类型会变成type=“text”

    accept

    accept属性用来规定能够通过文件上传进行提交的文件类型。理论上可以用来限制上传文件类型,然而它只是建设性的,并很可能被忽略,它接受逗号分隔的MIME类型

    注意:该属性只能与type="file"配合使用

    <input type="file" accept="image/gif,image/jpeg,image/jpg">
    
    

    alt

    alt属性为图像输入规定替代文本,功能类似于image元素的alt属性,为用户由于某些原因无法查看图像时提供备选信息

    注意:alt属性只能与type="image"的input元素配合使用

    <input type="image" src="#" alt="测试图片">
    
    

    checked

    checked属性规定在页面加载时应该被预先选定的input元素,也可以在页面加载后,通过javascript进行设置

    注意:checked属性只能与type="radio"或type="checkbox"的input元素配合使用

    专门建立的学习Q-q-u-n: 731771211,分享学习方法和需要注意的小细节,不停更新最新的教程和学习技巧
    (从零基础开始到前端项目实战教程,学习工具,全栈开发学习路线以及规划)
    <input type="radio" name="radio" value="1" checked>
    <input type="radio" name="radio" value="2">
    <input type="checkbox" name="checkbox" value="1">
    <input type="checkbox" name="checkbox" value="2">
    <script>
    var oInput = document.getElementsByTagName('input');
    for(var i = 0,len = oInput.length; i < len; i++){
        oInput[i].onmouseover = function(){
            this.checked = 'checked';
        }
    }    
    </script>
    
    

    disabled

    disabled属性规定应该禁用input元素。被禁用的字段是不能修改的,也不可以使用tab按键切换到该字段,但可以选中或拷贝其文本

    [注意1]disabled属性无法与type="hidden"的input元素一起使用

    [注意2]对于IE7-浏览器必须设置为disabled=“disabled”,而不可以直接设置disabled,否则使用javascript控制时将失效

    <button id="btn1">输入域可用</button>
    <button id="btn2">输入域不可用</button>
    <input id="test" disabled value="内容">
    <script>
    btn1.onclick = function(){
        test.removeAttribute('disabled');
    }    
    btn2.onclick = function(){
        test.setAttribute('disabled','disabled');
    }    
    </script>
    
    

    readonly

    readonly属性规定输入字段为只读。只读字段是不能修改的,但用户仍然可以使用tab按键切换到该字段,还可以选中或拷贝其文本

    readonly属性可与type="text"或"password"的input元素配合使用

    注意:IE7-浏览器不支持使用javascript控制readonly属性

    <button id="btn1">输入域只读</button>
    <button id="btn2">输入域可读写</button>
    <input id="test" value="内容" readonly>
    <script>
    btn1.onclick = function(){
        test.setAttribute('readonly','readonly');
    }
    btn2.onclick = function(){
        test.removeAttribute('readonly');
    }    
    </script>
    
    

    maxlength

    maxlength属性规定输入字段的最大长度,以字符个数计

    注意:该属性只能与type="text"或type="password"的input元素配合使用

    <input maxlength="6">
    <input type="password" maxlength="6">
    
    

    size

    size属性对于type="text"或"password"的input元素是可见的字符数;而对于其他类型,是以像素为单位的输入字段宽度

    注意:由于size属性是一个可视化的设计属性,推荐使用CSS来代替它

    <input size="1">
    <input type="password" size="2">
    
    

    src

    src属性作为提交按钮显示的图像的URL

    注意:src属性只能且必须与type="image"的input元素配合使用

    <form action="#">
        <input name="test">
        <input type="image" src="https://demo.xiaohuochai.site/submit.jpg" width="99" height="99" alt="测试图片">
    </form>
    
    

    value

    value属性为input元素设定值。对于不同的输入类型,value属性的用法也不同:

    type=“button”、“reset”、"submit"用于定义按钮上的显示的文本

    type=“text”、“password”、"hidden"用于定义输入字段的初始值

    type=“checkbox”、“radio”、"image"用于定义与输入相关联的值

    [注意1]type="checkbox"或"radio"必须设置value属性

    [注意2]value属性无法与type="file"的input元素一起使用

    <button id="btn1">1</button>
    <button id="btn2">2</button>
    <input id="test">
    <script>
    btn1.onclick = btn2.onclick =function(){
        test.value=this.innerHTML;
    }    
    </script>
    
    

    新增属性

    autocomplete

    autocomplete属性可以在个别元素或整个表单上开启或关闭浏览器的自动完成功能。当用户在字段开始键入时,浏览器基于之前键入过的值,显示出在字段中填写的选项

    autocomplete属性适用form元素以及以下类型的input元素:text、search、url、telephone、email、password、date pickers、range、color

    注意:IE浏览器不支持该属性,只有元素拥有name属性,该属性才有效

    <input name="test1" autocomplete="on">
    <input name="test2" autocomplete="off">    
    专门建立的学习Q-q-u-n: 731771211,分享学习方法和需要注意的小细节,不停更新最新的教程和学习技巧
    (从零基础开始到前端项目实战教程,学习工具,全栈开发学习路线以及规划)
    

    autofocus

    autofocus属性规定在页面加载时,域自动地获得焦点

    autofous属性适用于button、input、keygen、select和textarea元素

    <input name="test1">
    <input name="test2" autofocus>
    
    

    novalidate

    novalidate属性规定在提交表单时不验证form或input域

    novalidate属性适用于form元素以及以下类型的input元素:text、search、url、telephone、email、password、date pickers、range、color

    注意:IE9-浏览器不支持

    height

    height属性用于规定image类型的input标签的图像高度

    注意:该属性只适用于image类型的input标签

    width

    width属性用于规定image类型的input标签的图像宽度

    注意:该属性只适用于image类型的input标签

    //http://127.0.0.1/form.html?test=123&x=38&y=57#
    <form action="#">
        <input name="test">
        <input type="image" src="submit.jpg" width="99" height="99">
    </form>
    
    

    list

    大多数输入类型包含一个属性list,它和一个新元素datalist结合使用,这个元素定义当在表单控件输入数据时可用的一个选项列表。datalist元素自身不会在页面显示,而是为其他元素的list属性提供数据

    list属性适用于form元素以及以下类型的input元素:text、search、url、telephone、email、password、date pickers、range、color

    注意:IE9-浏览器及safari浏览器不支持

    min

    min属性规定输入域所允许的最大值

    max

    max属性规定输入域所允许的最小值

    step

    step属性为输入域规定合法的数字间隔

    min、max、step属性适用于以下类型的input元素:date pickers、number、range

    <input type="number" min="0" max="10" step="0.5" value="6" />
    
    
    <input type="range" min="0" max="10" step="0.5" value="6" />
    
    

    multiple

    multiple属性规定按住ctrl按键,输入字段可以选择多个值

    该属性适用于type="email"和"file"的input元素

    注意:该属性IE9-浏览器不支持

    <button id="btn1">打开文件多选</button>
    <button id="btn2">关闭文件多选</button>
    <br><br>
    <input id="test" type="file" multiple>
    <script>
    btn1.onclick = function(){
        test.setAttribute('multiple','');
    };
    btn2.onclick = function(){
        test.removeAttribute('multiple');
    };
    </script>
    
    

    pattern

    pattern属性规定用于验证input域的模式。模型pattern是正则表达式

    pattern属性适用于以下类型的input元素:text、search、url、tel、email、password

    注意:IE9-浏览器及safari浏览器不支持

    <form action="#">
        <input pattern="\d{3}">    
        <input type="submit">
    </form>
    
    

    placeholder

    placeholder属性提供占位符文字,描述输入域所期待的值。占位符会在输入域为空时显示出现,在输入域获得焦点时消失

    placeholder属性适用于以下类型的input元素:text、search、url、tel、email、password

    注意:IE9-浏览器不支持

    <form action="#">
        <input type="tel" placeholder="请输入数字" pattern="\d{11}">    
        <input type="submit">
    </form>
    
    

    要修改placeholder的颜色需要使用::placeholder

    ::placeholder{color:green;}
    
    

    required

    required属性规定必须在提交之前填写输入域(不能为空)

    required属性适用于以下类型的input元素:text、search、url、telephone、email、password、date pickers、number、checkbox、radio、file

    注意:IE9-浏览器及safari浏览器不支持

    <form action="#">
        <input required>    
        <input type="submit">
    </form>
    
    

    form

    form属性规定输入域所属的一个或多个表单,form属性必须和所属表单的id

    form属性适用于所有input标签的类型,若需要引用一个以上的表单时,用空格分隔

    注意:IE浏览器不支持该属性,只有元素拥有name属性,该属性才有效

    <form id="form" action="#">
        <input type="submit">
    </form>
    <input name="test" form="form">
    
    

    表单重写属性

    表单重写属性允许重写form元素的某些属性设定。其中,formnovalidate适用于button或input元素,而其他属性适用于submit或reset的button或input元素

    formaction

    重写表单的action属性

    <form action="#" >
    First name: <input type="text" name="fname" /><br />
    Last name: <input type="text" name="lname" /><br />
    <input type="submit" value="提交" /><br />
    <input type="submit" formaction="#" value="以管理员身份提交" />
    </form>
    
    

    formenctype

    重写表单的enctype属性

    <form action="#" method="post">
      First name: <input type="text" name="fname" /><br />
      <input type="submit" value="提交" />
      <input type="submit" formenctype="multipart/form-data" value="以multipart/form-data编码提交" />
    </form>
    
    

    formmethod

    重写表单的method属性

    <form action="#" method="get">
      First name: <input type="text" name="fname" /><br />
      Last name: <input type="text" name="lname" /><br />
    <input type="submit" value="提交" />
    <input type="submit" formmethod="post" formaction="#" value="使用POST提交" />
    </form>
    专门建立的学习Q-q-u-n: 731771211,分享学习方法和需要注意的小细节,不停更新最新的教程和学习技巧
    (从零基础开始到前端项目实战教程,学习工具,全栈开发学习路线以及规划)
    

    formnovalidate

    重写表单的novalidate属性

    <form action="#" method="get">
    E-mail: <input type="email" name="userid" /><br />
    <input type="submit" value="提交" /><br />
    <input type="submit" formnovalidate="formnovalidate" value="进行没有验证的提交" />
    </form>
    
    

    formtarget

    重写表单的target属性

    
    <form action="#">
      First name: <input type="text" name="fname" /><br />
      Last name: <input type="text" name="lname" /><br />
    <input type="submit" value="提交" />
    <input type="submit" formtarget="_blank" value="提交到新窗口/选项卡" />
    </form>    
    
    
    展开全文
  • 在html中form表单有哪些,他们的写法又什么区别呢? 在我们的生活中,form表单无处不在,比如我们在登录账号或者注册账号的时候,你填写信息的框就是form表单的一种。 正如下图,下图每一项需要填写的框都属于...

    在html中常用的表单有哪些,他们的写法又有什么不同呢?

    在我们的生活中,表单无处不在,比如我们在登录账号或者注册账号的时候,你填写信息的框就是表单的一种。
    表单元素有form表单、input表单项、select和option下拉表单、textarea文本域。
    正如下图,下图每一项需要填写的框都属于表单,有文本框、单选框、复选框、下拉框、文本域等等。
    在这里插入图片描述
    接下来让我们来一个一个地了解一下表单的写法:
    1.form表单

    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    </head>
    
    <body>
    	<form action="">
    		姓名:<input type="text">
    	</form>
    </body>
    </html>
    

    action:表示当前表单的内容提交到那个页面进行处理
    (效果图如图一)

    2.input表单项

    input属性取值作用
    type=“text”显示当行文本输入框
    type=“password”显示密码框
    type=“radio”显示单选框
    type=“checkbox”显示复选框
    type=“file”显示文件域
    type=“submit”将表单信息提交到表单属性action所指向的文件
    type=“reset”将表单信息清空,重新填写
    type=“button”按钮
    <div class="controls">
    	<span>密码:</span>
    	<input type="password">
    </div>
    <div class="controls">
    	<span>性别称谓:</span>
    	<input type="radio" name="result" checked>男
    	<input type="radio" name="result">女
    </div>
    <div class="controls">
    	<span>爱好:</span>
    	<input type="checkbox">篮球
    	<input type="checkbox">跑步
    </div>
    <input type="submit" value="提交" class="submit">
    <div class="controls">
    	<label for="input_file" class="file">添加附件</label>
    	<input type="file" id="input_file" hidden="hidden">
    </div>
    

    (效果图如图一)
    注:要实现单选框,必须在input元素中加name属性,并且加同一个name属性,这样才能实现单选的效果;
    checked是一个默认值选中的意思,加checked会自动帮你选中当前元素;
    在file文件域中,label元素中的for属性是用来关联对应的表单,而关联则需要在对应表单中加入id,通过id来关联,hidden属性是将input元素隐藏起来。

    3.select和option下拉表单
    所谓的下拉框是需要在select元素中嵌套option元素

    <div class="controls">
    	<label for="">所在地区:</label>
    	<select name="" id="">
    		<option value="">北京</option>
    		<option value="">广东</option>
    		<option value="">四川</option>
    		<option value="">湖南</option>
    	</select>
    </div>
    

    (效果图如图一)

    4.textarea文本域

    <div class="controls">
    	<span>个人简介:</span>
    <!--			cols是文本域的宽度,rows是文本域的高度-->
    	<textarea name="" id="" cols="50" rows="5"></textarea>
    </div>
    

    好了,到这里的常用表单就介绍完了,大家是不是觉得上面的样式好丑,下面介绍一下它们要怎么设置样式,主要是input元素的样式该怎么设置,通过用类来设置样式是没有效果的,需要通过 input[type=‘text’]来设置。

    <style>
    	.controls{
    		/*上下的内边距为7个像素,左右0个像素*/
    		padding: 7px 0px; 
    	}
    	.controls span{
    		float: left; /*给每个span标签设置左浮动,使其并排显示*/
    	}
    	input[type='text'],input[type='password']{
    		/*设置背景颜色,把边框去掉,重新设置边框的样式,一个像素的实线*/
    		background: #f6f8fa;
    		border:none; 
    		border:1px solid #c9c9c9;
    	}
    	.controls textarea{
    		background: #f6f8fa;
    	}
    	.file,.submit{
    		display: inline-block;
    		width:70px;
    		height:40px;
    		line-height: 40px;
    		text-align:center;
    		font-size: 13px;
    		border-radius: 5px;
    		color: #fff;
    		background:#6897E9;
    	}
    	.submit{
    		border:none;
    	}
    </style>
    

    效果图:
    在这里插入图片描述
    这样是不是好看多啦,你也可以尝试一下设置你心目中的样式,今天分享就到这里,如有不懂请留言,谢谢!

    展开全文
  • HTML一些常用表单元素

    千次阅读 2017-08-02 10:48:50
    HTML一些常用表单元素<input type="test"> 普通文本框 <input type="password"> 密码输入框 <input type="checkbox"> 复选框 <input type="radio"> 单选框,属性name设置相同 <input type="image">

    HTML一些常用的表单元素

    <input type="test">             普通文本框
    <input type="password">         密码输入框
    <input type="checkbox">         复选框
    <input type="radio">            单选框,属性name设置相同
    <input type="image">            将图片设置为提交按钮
    <select>
        <option></option>
    </select>                       下拉列表框
    <textarea cols="N" rows="N"></testarea> 多行文本域
    <input type="submit">           提交按钮
    <input type="button">           普通按钮
    <input type="reset">            重置按钮
    <input type="hidden">           隐藏域
    <input type="file">             文件选择框

    button和submit的区别

    button-普通按钮,submit-提交按钮;submit按钮一般出现在网页上需要提交信息到服务器是才使用,而button按钮是创建一个按钮,对于实现按钮将会发生什么事这个不一定,考页面编辑人员决定。
    

    input image 和 img标签的区别

    > <input type="image" /> 定义图像形式的提交按钮。
    必须把 src 属性 和 alt 属性 与 <input type="image"> 结合使用。
    
    <img src="url" ...>
    图片的显示
    展开全文
  • CSS规范规定,每个元素display属性,确定该元素的类型,每个元素默认的display值...(1)行内元素有:a( 锚点) ,b(粗体(不推荐)) ,span(常用内联容器,定义文本内区块) img(图片) input(输入框) select(项目...
  • html表单form元素+各种input元素+常用元素综合案例.
  • 在 HTML 中,一个完整的表单通常由表单控件(表单元素)、提示信息和表单域三部分构成 表单控件 包含了具体的表单功能项,例如:单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等 提示信息 一个表单中通常...
  • 表单的类型是由input标签中的type属性值来决定的,我们先来学习常用的type属性有哪些。 &lt;text&gt;:单行文本框,默认20个字符; &lt;password&gt;:密码框,与text类型很相似,区别是字符非...
  • 表单域就是一个包含表单元素的区域。 在HTML标签中,<form>标签用于定义表单域,以实现用户信息的收集和传递。 <form>会把它范围内的表单元素信息提交给服务器。 <form action="url地址" method=...
  • 表单是一个包含若干表单元素的区域,用于回去不同类型东东用记信息 表单元素是允许用户在表单中输入信息的元素,如:文本框、密码框、单选按钮、复选框、下拉按钮、列表等 2.表单结构 2.1表单的语法 <form ...
  • html元素 —— 表单元素及实用属性

    千次阅读 2016-09-09 22:08:28
    一、常用表单元素 :定义供用户输入的表单。 :定义域。即输入区加文字的边框。 :定义域的标题,即边框上的文字。 :定义一个控制的标签。如输入框前的文字,用以关联用户的选择。 :定义输入域,常用。可设置type...
  • 根据CSS规范的规定,每一个网页元素一个display属性,用于确定该元素的类型,每一个元素默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级”元素(block-level);而span元素...
  • php常用表单验证类.zip

    2019-07-11 10:44:51
    主要介绍了php常用表单验证类用法,实例分析了php针对表单元素常用验证技巧。数据出库 还原 特殊字符 传入值可为字符串 或 一/二维数组,数据显示 还原 数据格式 主要用于内容输出 传入值可为字符串 或 一/二维数组。
  • (1)使用脚本编写工具或常用网页制作工具,设计合适的网页界面,编写相关脚本,实现实训内容所列示的脚本设计目的; (2)脚本编写应符合JavaScript代码规范,适当的缩进和注释、标识符的命名。通过在Chrome中...
  • 之前写一些小项目的时候,在表单这一块因为知道的type属性就text、password、button、submit等一些值...现在,就对form表单常用元素进行整理。 type值 代表的含义 text 文本 password 密码 button ...
  • HTML表单元素--input输入类型(1)

    千次阅读 2019-04-25 17:29:58
    HTML表单元素 HTML表单用于搜集不同类型的... 1.< form >...其属性action=“要提交的地址” method=" 提交的方式" 属性值:get 和 post ...form action="" method="post">...元素:最重要的表单元素很多t...
  • 表单面板和面板一样只是作为一个容器出现的,需要我们使用items加入各控件元素来丰富我们的表单面板, defaults:{},此属性提取了items中各组件项的共同属性 对于xtype:在表单面板中非常有用,没有必要每次都用new ...
  • <form>标签 定义整体的表单区域 ...标签 为表单元素定义文字标注 for属性:提高用户体验度,点击label中的内容自动激活与该标签绑定的控件 <input>标签 定义通用的表单元素 type属性: ...
  • 主要介绍了php常用表单验证类用法,实例分析了php针对表单元素常用验证技巧,需要的朋友可以参考下
  • form表单元素及其属性

    千次阅读 多人点赞 2017-10-28 13:36:00
    form元素及其属性代码
  • 内置17种常用表单组件 支持表单验证 支持生成任何Vue组件 支持高层布局 支持注解 可以配合生成更复杂的表单 内置组件 隐 输入 inputNumber 复选框 无线电 开关 选择 自动完成 级联器 选色器 日期选择器 ...
  • 元素(block element) HTML标签分类明细   * address – 地址 ... * form – 交互表单 (只能用来容纳其它块元素)  * h1 – 大标题  * h2 – 副标题  * h3 – 3级标题  * h4 – 4级标题  *
  • (1)行内元素 a - 锚点 * abbr - 缩写 * acronym - 首字 * b - 粗体 ( 不推荐 ) * bdo - bidi override * big - 大字体 * br - 换行 * cite - 引用 * code - 计算机代码 ( ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 108,744
精华内容 43,497
关键字:

常用表单元素有哪些