注意

以下的程式碼皆是寫於<body>與</body>標籤之內。
程式碼的示範，已由本網站「樣式表自動修飾」，實際測試將依各家瀏覽器「預設樣式表不同而有差距」。

<select>下拉式清單

使用<select>和<option>可製作所謂的「下拉式清單」。

<select name="select" style="width:100%; max-width:200px; padding:2px 3px;">

<option value="1">
廢文
</option>

<option value="2">
文題不符 / 騙點擊
</option>

<option value="3">
惡意程式碼
</option>

<option value="4">
抄襲
</option>

<option value="5">
未設文章分級
</option>

</select>

行1,7：使用<select>決定 name 值，並包含<option>。
行2~6：使用<option>決定 value 值，並成為選項。

<textarea>文字欄位

<textarea style="width:100%; max-width:500px; height:100px;"></textarea>

使用預設文字

placeholder="使用題示文字"

行2：在<textarea>與</textarea>中填入預設值。
行3：例用 placeholder 值填入題示文字。

<button>按鈕

此按鈕通常與 javascript 做應用。

<button type="button" onclick="alert('就你他媽問題最多')">我有問題！</button>

<datalist>選項列表

list="sites"

id="sites"

<option value="hadname online">

<option value="hadname story">

<option value="hadname url shortener">

</datalist>

行1,2：行1 list值必需與行2 id值相同！
Safari瀏覽器不支援此標籤！

< 前一節下一節 >