HTML页面中<select>

来源:互联网 发布:高考逆袭 知乎 编辑:程序博客网 时间:2024/05/22 09:42

基本格式:<select>  <option value ="volvo">Volvo</option>  <option value ="saab">Saab</option>  <option value="opel">Opel</option>  <option value="audi">Audi</option></select>
一、基本属性介绍

属性值描述autofocusautofocus规定在页面加载后文本区域自动获得焦点。disableddisabled规定禁用该下拉列表。formform_id规定文本区域所属的一个或多个表单。multiplemultiple规定可选择多个选项。namename规定下拉列表的名称。requiredrequired规定文本区域是必填的。sizenumber规定下拉列表中可见选项的数目。支持全局、事件属性 

                                                       全局属性

属性描述accesskey规定激活元素的快捷键。class规定元素的一个或多个类名(引用样式表中的类)。contenteditable规定元素内容是否可编辑。contextmenu规定元素的上下文菜单。上下文菜单在用户点击元素时显示。data-*用于存储页面或应用程序的私有定制数据。dir规定元素中内容的文本方向。draggable规定元素是否可拖动。dropzone规定在拖动被拖动数据时是否进行复制、移动或链接。hidden规定元素仍未或不再相关。id规定元素的唯一 id。lang规定元素内容的语言。spellcheck规定是否对元素进行拼写和语法检查。style规定元素的行内 CSS 样式。tabindex规定元素的 tab 键次序。title规定有关元素的额外信息。translate规定是否应该翻译元素内容。                                                           

了解详细事件属性:http://www.w3school.com.cn/tags/html_ref_eventattributes.asp

  1、Onchange:事件只有在值改变时才可触发,所以必须在每一次选择时(尤其第一次)保证选择的值是改变的!。例:<select name="select1[]" size="1"id="txtHint1" onchange="showearcon1(this.value)">,在选项改变时执行showearcon1(this.value)函数

    2、OnClick:在选项点击时被执行,不用管值是否改变。例:<select name="select1[]" size="1"id="txtHint1" onclick="showearcon1(this.value)">,在选项改变时执行showearcon1(this.value)函数

0 0