12.HTML表单元素【下】

一世执手 提交于 2020-04-05 19:58:19

                                          第十章 表单元素【下】

一、其他元素

   1select :生成一个下拉列表进行选择;

          额外属性:

          1name:设定提交的名称;

          2disabled 将下拉列表禁用;

          3form  将表单外的下拉列表与某个表单挂钩;

          4size  设置下拉列表的高度;

          5multiple 设置是否可以多选;

例、<select name="fruit">

<option value="1">苹果</option>      //动态数组存储时,储存的不是汉字,而是value值。

<option value="2">香蕉</option>

<option value="3">橘子</option>

    </select>

   2optgroup :select元素进行编组;               //<select name="fruit">  <optgroup label="水果">。。。</optgroup>

                label为分组名称;                    //                       <optgroup label="高粱" selected>。。。</optgroup>  

                selected 为默认选项                    </select>

   3option select元素中的项目;

   4textarea :生成一个多行文本框;

          属性如下:

           1name        :设定提交时的名称;

           2form        :

           3readonly    :设置多行文本只读;

           4disabled    :设置多行文本禁用;

           5maxlength   :获取焦点;

           6autofocus   :设置输入时的文本信息;

           7placeholder :设置输入时的提示信息;

           8rows        :设置行数;

           9cols        :设置列数;

           10wrap       :设置是否插入换行符,有soft(默认)和hard两种;

           11required   :设置必须输入值,否则无法通过验证;

   5output :表示计算结果;(jQuery里用到,现在不需理解)

 

二、验证输入

        HTML5对表单提供了输入验证的检查方式,但比较简陋,并且个浏览器的支持程度还不同,在大部分情况还是用jQuery来完成;

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!