<option> 标签的 value 属性

<html>

    <body>

        <form action="/example/html/form_action.asp" method="get" target="_blank">
            <select name="cars">
                  <option value="volvo">Volvo XC90</option>
                  <option value="saab">Saab 95</option>
                  <option value="mercedes">Mercedes SLK</option>
                  <option value="audi">Audi TT</option>
            </select>
            <input type="submit" value="Submit" />
        </form>

        <p>请点击“确认”按钮，把输入发送到服务器。</p>

    </body>

</html>

定义和用法

value 属性规定在表单被提交时被发送到服务器的值。

<option> 与 <option/> 之间的值是浏览器显示在下拉列表中的内容，而 value 属性中的值是表单被提交时被发送到服务器的值。

注意：如果没有指定 value 属性，选项的值将设置为 <option> 标签中的内容。

时间： 2024-11-07 22:19:28

<option> 标签的 value 属性的相关文章

HTML option 标签的 selected 属性

HTML option 标签的 selected 属性 http://www.w3school.com.cn/tags/att_option_selected.asp 1.一般做WEB的时候,Chrome的兼容性会比较好,但是这里有个特殊的情况,下面的方法,Chrome会有问题. Chrome版本:版本67.0.3371.0(正式版本) (32 位) 效果图这里写图片描述反例如下:(Chrome连续点击resetOption.setOption.resetOption.setOption就会

option标签selected="selected"属性失效的问题

要在select标签上面加上autocomplete="off"关闭自动完成,不然浏览器每次刷新后将自动选择上一次关闭时的option,这样默认属性selected="selected"就会失效啦要记住每次遇到select标签时就最好要加上autocomplete="off"这一项

使用原生JavaScript实现对select增加option标签并附加value属性

好久没有写原生的东西了,今天写了一个小项目里面包含着option选项,所以我决定使用原生JavaScript动态生成, 本着互联网分享精神,我将本篇文章分享给大家. html代码(就是一个select) <select name="" id="reg-select"></select> json数据 var json = [ { "cc": "86", "code": "C

让 select 的 option 标签支持事件监听（如复制操作）

这标题,让option支持事件监听,应该不难的呀,有什么好讲的? 其实还是有的,默认在浏览器代码是无法直接对option标签进行操作的,不仅包括JS事件监听,还是CSS样式设置查了一些资料,姑且认为它是系统OS级别处理的想自定义option的样式,很多人会建议用 <ul> <li> 标签来辅助同步操作与值想对option进行事件监听,有一个tip:当给select显示设置了size 属性且值大于1 时,才能监听近来产品也提了个鼠标操作复制option值的需求,就利用这个s

html select与option标签

1.select 元素 select 元素可创建单选或多选菜单.<select> 元素中的 <option> 标签用于定义列表中的可用选项常用属性如下: autofocus:规定在页面加载后文本区域自动获得焦点. disabled:规定禁用该下拉列表. form:规定文本区域所属的一个或多个表单. multiple:规定可选择多个选项. name:规定下拉列表的名称. required:规定文本区域是必填的. size:规定下拉列表中可见选项的数目. 2.option 元素 op

用HTML的select+option标签实现下拉框

10.4.2 HTML option 标签 option 标签 -- select菜单中的一个选项 option标签是成对出现的,以<option>开始,以</option>结束引用网址:http://www.dreamdu.com/xhtml/tag_option/ 属性. common -- 公共属性 disabled -- 输入域无法获得焦点.无法选择,以灰色显示,在表单中不起任何作用 label -- 选择项的短标签 value -- 选项的初始值,未设置时为option

HTML <select> 标签<option> 标签

HTML <select> 标签定义和用法 select 元素可创建单选或多选菜单. <select&> 元素中的 <option> 标签用于定义列表中的可用选项. 提示和注释: 提示:select 元素是一种表单控件,可用于在表单中接受用户输入. 属性 New: HTML5 中的新属性. HTML <option> 标签定义和用法 option 元素定义下拉列表中的一个选项(一个条目). 浏览器将 <option> 标签中的内容作为

HTML <a> 标签的 target 属性

HTML <a> 标签的 target 属性 HTML <a> 标签定义和用法 <a> 标签的 target 属性规定在何处打开链接文档. 如果在一个 <a> 标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href 属性命名的.名称与这个目标吻合的框架或者窗口中的文档.如果这个指定名称或 id 的框架或者窗口不存在,浏览器将打开一个新的窗口,给这个窗口一个指定的标记,然后将新的文档载入那个窗口.从此以后,超链接文档就可以指向这个新的

HTML <form> 标签的 method 属性

定义和用法 method 属性规定如何发送表单数据(表单数据发送到 action 属性所规定的页面). 表单数据可以作为 URL 变量(method="get")或者 HTTP post (method="post")的方式来发送. method 属性浏览器使用 method 属性设置的方法将表单中的数据传送给服务器进行处理.共有两种方法:POST 方法和 GET 方法. 如果采用 POST 方法,浏览器将会按照下面两步来发送数据.首先,浏览器将与 action