溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

html的表單標簽是什么

發(fā)布時間:2022-04-27 16:43:07 來源:億速云 閱讀:292 作者:iii 欄目:大數(shù)據(jù)

這篇“html的表單標簽是什么”文章的知識點大部分人都不太理解,所以小編給大家總結了以下內容,內容詳細,步驟清晰,具有一定的借鑒價值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來看看這篇“html的表單標簽是什么”文章吧。

html表單標記:“<form>”、“<input>”、“<textarea>”、“<label>”、“<fieldset>”、“<legend>”、“<select>”、“<option>”、“<button>”、“<output>”等。

本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

HTML 表單用于收集不同類型的用戶輸入。表單元素指的是不同類型的 input 元素、復選框、單選按鈕、提交按鈕等等。

html表單的標記:

標記描述
<form>定義供用戶輸入的表單
<input>定義輸入域
<textarea>定義文本域 (一個多行的輸入控件)
<label>定義了 <input> 元素的標簽,一般為輸入標題
<fieldset>定義了一組相關的表單元素,并使用外框包含起來
<legend>定義了  <fieldset> 元素的標題
<select>定義了下拉選項列表
<optgroup>定義選項組
<option>定義下拉列表中的選項
<button>定義一個點擊按鈕
<datalist>指定一個預先定義的輸入控件選項列表
<keygen>定義了表單的密鑰對生成器字段
<output>定義一個計算結果

擴展資料:<input> 元素

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

<input> 元素有很多形態(tài),根據(jù)不同的 type 屬性。

1、文本域(Text Fields)

文本域通過<input type="text"> 標簽來設定,當用戶要在表單中鍵入字母、數(shù)字等內容時,就會用到文本域。

<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>

注意:表單本身并不可見。同時,在大多數(shù)瀏覽器中,文本域的默認寬度是 20 個字符。

2、密碼字段

密碼字段通過標簽<input type="password"> 來定義:

<form>
Password: <input type="password" name="pwd">
</form>

注意:密碼字段字符不會明文顯示,而是以星號或圓點替代。

3、單選按鈕(Radio Buttons)

<input type="radio"> 標簽定義了表單單選框選項

<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>

4、復選框(Checkboxes)

<input type="checkbox"> 定義了復選框. 用戶需要從若干給定的選擇中選取一個或若干選項。

<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form>

5、提交按鈕(Submit Button)

<input type="submit"> 定義了提交按鈕.

當用戶單擊確認按鈕時,表單的內容會被傳送到另一個文件。表單的動作屬性定義了目的文件的文件名。由動作屬性定義的這個文件通常會對接收到的輸入數(shù)據(jù)進行相關的處理。:

<form name="input" action="html_form_action.php" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>

以上就是關于“html的表單標簽是什么”這篇文章的內容,相信大家都有了一定的了解,希望小編分享的內容對大家有幫助,若想了解更多相關的知識內容,請關注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內容。

AI