HTML表單元素-3.2HTML表單

本章描述所有 HTML 表單元素。

創新互聯建站是一家集網站建設,青山企業網站建設,青山品牌網站建設,網站定制,青山網站建設報價,網絡營銷,網絡優化,青山網站推廣為一體的創新建站企業，幫助傳統企業提升企業形象加強企業競爭力。可充分滿足這一群體相比中小企業更為豐富、高端、多元的互聯網需求。同時我們時刻保持專業、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學習、思考、沉淀、凈化自己，讓我們為更多的企業打造出實用型網站。

<input> 元素

最重要的表單元素是 <input> 元素。

<input> 元素根據不同的 type 屬性，可以變化為多種形態。

注釋：下一章講解所有 HTML 輸入類型。

<select> 元素（下拉列表）

<select> 元素定義下拉列表：

實例 <select name="cars"><option value="volvo">Volvo</option><option value="saab">Saab</option><option value="fiat">Fiat</option><option value="audi">Audi</option></select>

<option> 元素定義待選擇的選項。

列表通常會把首個選項顯示為被選選項。

您能夠通過添加 selected 屬性來定義預定義選項。

實例 <option value="fiat" selected>Fiat</option>

<textarea> 元素

<textarea> 元素定義多行輸入字段（文本域）：

實例 <textarea name="message" rows="10" cols="30">The cat was playing in the garden.</textarea>

以上 HTML 代碼在瀏覽器中顯示為：

The cat was playing in the garden.

<button> 元素

<button> 元素定義可點擊的按鈕：

實例 <button type="button" onclick="alert('Hello World!')">Click Me!</button>

以上 HTML 代碼在瀏覽器中顯示為：

Click Me!

HTML5 表單元素

HTML5 增加了如下表單元素：

注釋：默認地，瀏覽器不會顯示未知元素。新元素不會破壞您的頁面。

HTML5 <datalist> 元素

<datalist> 元素為 <input> 元素規定預定義選項列表。

用戶會在他們輸入數據時看到預定義選項的下拉列表。

<input> 元素的 list 屬性必須引用 <datalist> 元素的 id 屬性。

實例

通過 <datalist> 設置預定義值的 <input> 元素：

新聞標題：HTML表單元素-3.2HTML表單
文章轉載：http://newbst.com/article8/dghhdop.html

成都網站建設公司_創新互聯，為您提供自適應網站、定制開發、外貿建站、網站排名、品牌網站建設、ChatGPT

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

HTML表單元素-3.2HTML表單