1. 程式人生 > >html之多行文本textarea 及下拉框select(12)

html之多行文本textarea 及下拉框select(12)

class tar value sel image 青島 規範 input .post

1.多行文本

多行文本使用textarea標簽,默認值需要寫在中間,和input標簽不同,name屬性用於後臺獲取數據(request.POST.get(meno))

<body>

    <textarea name="meno" >默認值</textarea>
</body>

2.下拉框

單選

下拉框為select標簽,name屬性用於後端獲取數據,獲取的數據為value的值,selectd=“selected”為默認值(可直接寫selectd規範寫需要加=),size為大小,即顯示幾個,默認為1,也就是一個。

<body>

    <select name="city" size=“2”>
        <option value="1">北京</option>
        <option value="2">上海</option>
        <option value="3" selected="selected">廣州</option>
    </select>
</body>

多選

multiple屬性為多選,多選時需要按住ctrl
   <select name="city" multiple="multiple">
        <option value="1">北京</option>
        <option value="2">上海</option>
        <option value="3" selected="selected">廣州</option>
    </select>

下拉框選項分組,本身組名不可選,組成員可選,類似下面這種

技術分享圖片

<select>
    <optgroup label="
河北省"> <option>石家莊</option> <option>保定</option> <option>衡水</option> </optgroup> <optgroup label="山東省"> <option>德州</option> <option>濟南</option> <option>青島</option> </optgroup> </select>

html之多行文本textarea 及下拉框select(12)