HTML-表單(form)

<form>表單用于搜集不同類型的用戶輸入。即是允許用戶在表單中(比如:文本域、下拉列表、單選框、復選框等等)輸入信息的元素。

1.文本域(text),當用戶要在表單中鍵入字母、數字等內容時,就會用到文本域。

<form>

昵稱:<input type="text" name="nicheng"/>

簡介:<input type="text" name="jianjie"/>

</form>

顯示結果:

2.多行文本域(textarea)

<form>

? ? 建議:<input type="textarea">

<form/>


3.密碼(password)

<form>

密碼:<input type="password"/>

</form>

顯示結果:我手動輸入了幾個字符

4.單選按鈕(Radio Buttons)

<form>

? ?<input type="radio" name="sex" value="male" checked/>男

? ?<input type="radio" name="sex" value="female"/>女

<form/>

顯示結果:

checked表示默認選中,當name相同的情況下,單選才生效。

5.復選框(Checkboxes)

<form>

? ?<input type="checkbox" name="bike"/>I have a bike

? ?<input type="checkbox" name="car"/>I have a car

</form>

顯示結果:

6.提交按鈕(submit)和取消按鈕(reset)

<form>

<input type="submit" value="確定"/>

<input type="reset" value="取消"/>

</form>

顯示結果:

7.下拉

<select>

<option value="course">語文</option>

<option value="course">數學</option>

<option value="course">英語</option>

</select>

顯示結果:

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 1. form表單有什么作用? HTML表單用于搜集不同類型的用戶輸入。(主要負責采集瀏覽者的相關數據) 例如常見...
    毛毛獨角獸閱讀 359評論 0 0
  • 定義及作用 表單是包含表單元素的區域,而表單元素允許在表單中輸入內容。 表單是用來收集不同類型的用戶輸入。 標簽 ...
    baiying閱讀 628評論 5 2
  • 什么是FORM表單: 表單是用來提交資料、意見,規范流程執行過程的格式。表單在網頁中主要負責數據采集功能。一個表單...
    PYFang閱讀 1,160評論 0 0
  • form是HTML中比較重要的一塊內容, 標簽用于為用戶輸入創建 HTML 表單,表單用于向服務器傳輸數據。 希望...
    jazenye閱讀 1,194評論 0 5
  • 標簽: 用于創建供用戶輸入的 HTML 表單 一般用法帶有兩個輸入字段和一個提交按鈕的 HTML 表單: <for...
    好奇而已閱讀 716評論 0 0