select標簽和多行文本標簽


一、多行文本textarea

<form>
        <div>
            <textarea name="more"></textarea>
        </div>
        <input type="submit" value="提交">
    </form>

'''
 textarea 可以實現多行輸入,要使后台能獲取輸入值,可以使用name屬性
'''

如下:

  

二、下拉框select標簽

  2.1 select 單選

<body>
    <form>
        <div>
            <select name="city">
                <option value="1">北京</option>
                <option value="2" selected="selected">上海</option>
                <option value="3">廣州</option>
                <option value="4">杭州</option>
            </select>
        </div>
        <br />
        <input type="submit" value="提交"/>
    </form>
</body>

'''
  name: 表單提交項的鍵
  option: 下拉選項中的每一項
              屬性:
                      value: 表單提交項的值
                      selected: 默認選項
      
''' 

如下: 

  2.2 select 多選

<body>
    <form>
        <div>
            <select name="city" size="5" multiple="multiple">
                <option value="1">北京</option>
                <option value="2" selected="selected">上海</option>
                <option value="3">廣州</option>
                <option value="4">杭州</option>
            </select>
        </div>
        <br />
        <input type="submit" value="提交"/>
    </form>
</body>

'''
   size: 下拉框的寬度
   multiple="multiple":可以多選
'''

 如下:

  2.3 設置分組選項

<body>
    <form>
        <div>
            <select name="city">
                <optgroup label="江蘇">
                    <option value="1">蘇州</option>
                    <option value="2">揚州</option>
                    <option value="3">常州</option>
                </optgroup>
                <optgroup label="浙江">
                    <option value="4">杭州</option>
                    <option value="5">金華</option>
                    <option value="6">麗水</option>
                </optgroup>
            </select>
        </div>
        <br />
        <input type="submit" value="提交"/>
    </form>
</body>

'''
 label : 名稱,這個不可選
'''

 如下:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM