好程序員 web 前端分享 HTML 表單用于搜集不同類型的用戶輸入。

表單
表單是一個(gè)包含表單元素的區(qū)域。
表單元素是允許用戶在表單中 ( 比如:文本域、下拉列表、單選框、復(fù)選框等等 ) 輸入信息的元素。
表單使用表單標(biāo)簽 (
) 定義。
...
input 元素
...
輸入
多數(shù)情況下被用到的表單標(biāo)簽是輸入標(biāo)簽 () 。輸入類型是由類型屬性 (type) 定義的。大多數(shù)經(jīng)常被用到的輸入類型如下:
文本域 (Text Fields)
當(dāng)用戶要在表單中鍵入字母、數(shù)字等內(nèi)容時(shí),就會(huì)用到文本域。
First name:
<p><font size="3"> Last name:</font></p>
瀏覽器顯示如下:
注意,表單本身并不可見。同時(shí),在大多數(shù)瀏覽器中,文本域的缺省寬度是 20 個(gè)字符。
單選按鈕 (Radio Buttons)
當(dāng)用戶從若干給定的的選擇中選取其一時(shí),就會(huì)用到單選框。
Male
<p><font size="3"> Female</font></p>
瀏覽器顯示如下:
注意,只能從中選取其一。
復(fù)選框 (Checkboxes)
當(dāng)用戶需要從若干給定的選擇中選取一個(gè)或若干選項(xiàng)時(shí),就會(huì)用到復(fù)選框。
I have a bike
I have a car
瀏覽器顯示如下:
表單的動(dòng)作屬性 (Action) 和確認(rèn)按鈕
當(dāng)用戶單擊確認(rèn)按鈕時(shí),表單的內(nèi)容會(huì)被傳送到另一個(gè)文件。表單的動(dòng)作屬性定義了目的文件的文件名。由動(dòng)作屬性定義的這個(gè)文件通常會(huì)對(duì)接收到的輸入數(shù)據(jù)進(jìn)行相關(guān)的處理。
Username:
瀏覽器顯示如下:
假如您在上面的文本框內(nèi)鍵入幾個(gè)字母,然后點(diǎn)擊確認(rèn)按鈕,那么輸入數(shù)據(jù)會(huì)傳送到 "html_form_action.asp" 的頁(yè)面。該頁(yè)面將顯示出輸入的結(jié)果。
表單標(biāo)簽
標(biāo)簽描述
定義供用戶輸入的表單
定義輸入域
定義文本域 ( 一個(gè)多行的輸入控件 )
定義一個(gè)控制的標(biāo)簽
定義域
定義域的標(biāo)題
定義一個(gè)選擇列表 定義選項(xiàng)組 定義下拉列表中的選項(xiàng) 定義一個(gè)按鈕 可以搜索該索引。請(qǐng)鍵入要搜索的關(guān)鍵字 :
已廢棄。有代替。
本文題目:好程序員web前端分享HTML表單和輸入-創(chuàng)新互聯(lián)
網(wǎng)站路徑:http://www.chinadenli.net/article16/djdogg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護(hù)、微信小程序、網(wǎng)站營(yíng)銷、搜索引擎優(yōu)化、網(wǎng)站設(shè)計(jì)、建站公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容