美文网首页
01.22 下拉列表和多行文本域

01.22 下拉列表和多行文本域

作者: xxxQinli | 来源:发表于2019-01-22 17:15 被阅读0次

    下拉列表(菜单)

    • select标签 - 代表整个下拉列表
    • option标签 - 代表列表中的每个选项,selected属性,设置默认被选中的selected
    • optgroup标签 - 设置label的值来对当前下拉菜单的内容进行分组

    多行文本域

    • textarea标签 - 输入框,可以同时显示多行内容,可以自动换行和上下滚动
    • name属性 - 区分和提交
    • rows - 行数(不滚动最多能显示的行数,影响输入框的高度)
    • cols - 列数(一行显示文字的数量,影响输入框的宽度)
    • placeholder - 占位符
    • maxlength - 限制输入的最多的文字个数
    <!DOCTYPE html>
    <html lang="en" dir="ltr">
      <head>
        <meta charset="utf-8">
        <title>下拉列表和多行文本域</title>
      </head>
      <body>
        <select class="" name="省">
        <optgroup label="省"></optgroup>
        <option value="四川省">四川省</option>
        <option value="云南省" selected="selected">云南省</option>
        <option value="吉林">吉林省</option>
        <option value="辽宁省">辽宁省</option>
        <option value="黑龙江省">黑龙江省</option>
        <optgroup label="直辖市"></optgroup>
        <option value="北京市">北京市</option>
      </select>
      <select class="" name="市">
        <option value="绵阳">绵阳</option>
        <option value="成都">成都</option>
        <option value="巴中">巴中</option>
        <option value="达州">达州</option>
      </select>
      <textarea name="message" rows="8" cols="10">默认文字</textarea>
      <textarea name="message" rows="8" cols="10">默认文字</textarea>
      </body>
    </html>
    
    

    相关文章

      网友评论

          本文标题:01.22 下拉列表和多行文本域

          本文链接:https://www.haomeiwen.com/subject/pulrjqtx.html