1
2
3
4
5
6

其他表单元素

发布时间:2019-10-22 21:08   发布人:侯素玲   浏览次数:1721


1. textarea标记

如果需要输入大量的信息,单行文本输入框就不再适用,为此HTML语言提供了<textarea></textarea>标记。通过textarea控件可以轻松地创建多行文本输入框,其基本语法格式如下:

    <textarea cols="每行中的字符数" rows="显示的行数">

     文本内容

    </textarea>

2. select标记

浏览网页时,经常会看到包含多个选项的下拉菜单,例如选择所在的城市、出生年月、兴趣爱好等。

使用select控件定义下拉菜单的基本语法格式如下:

<select>

        <option>选项1</option>

        <option>选项2</option>

        <option>选项3</option>

       ...

 </select>

3.datalist标记

datalist元素用于定义输入框的选项列表,列表通过datalist内的option元素进行创建。如果用户不希望从列表中选择某项,也可以自行输入其他内容。

<form action="#" method="post">

请输入用户名:<input type="text" list="namelist"/>

<datalist id="namelist">

    <option>admin</option>

    <option>lucy</option>

    <option>lily</option>

</datalist>

<input type="submit" value="提交" />      

</form>