html列表框、文本域、文件域的示例代碼
發(fā)布時間:2021-02-26 16:23:45 作者:greedyguttler
我要評論

這篇文章主要介紹了html列表框、文本域、文件域的示例代碼,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
下拉框、文本域、文件域
上為演示效果下為代碼
<form method="get" action="result.html"> <!--input:輸入框標(biāo)簽,默認(rèn)為text,文本框 name:為該輸入框起一個名字,用來提交數(shù)據(jù) maxlength="8":文本框最多可以輸入8個字符 size="30":文本框的長度時30px --> <p>用戶名:<input type="text" name="username" value="文本框初始值" maxlength="8" size="30"/></p> <!--密碼框input type="password",密碼框輸入字符會顯示為小圓點--> <p>密碼:<input type="password" name="pwd"/></p> <!--radio:單選框 value:初始值,單選框必須填 name:成組,否則單選會出現(xiàn)錯誤 input標(biāo)簽需要閉合 --> <p>性別: <input type="radio" value="boy" name="sex"/>男 <input type="radio" value="girl" name="sex"/>女 </p> <!--checkbox:多選框 value:與選項對應(yīng)的值 checked:默認(rèn)選中,在input標(biāo)簽中使用 --> <p>愛好: <input type="checkbox" value="sleep" name="hobby"/>睡覺 <input type="checkbox" value="code" name="hobby"/>敲代碼 <input type="checkbox" value="chat" name="hobby"/>聊天 <input type="checkbox" value="game" name="hobby" checked/>游戲 </p> <!--button:普通按鈕 type="image":圖片按鈕,用圖片替換了按鈕的樣式 submit:提交按鈕,將value的值提交給name對應(yīng)的值 reset重置按鈕,重置所有輸入框 value:value的值即為按鈕的名稱 --> <p>按鈕: <input type="button" name="btn1" value="點擊變長"/> <input type="image" src="1.jpg"/> </p> <!--select:下拉框標(biāo)簽 option:下拉選項標(biāo)簽 selected:默認(rèn)選中,在下拉框標(biāo)簽中使用 --> <p>國家: <select name="country"> <option value="cn" selected>中國</option> <option value="usa">美國</option> <option value="uk">英國</option> <option value="jp">日本</option> </select> </p> <!--textarea:文本域 cols:文本域的列數(shù) rows:文本域的行數(shù) --> <p>反饋: <textarea name="textarea" cols="50" rows="10">文本內(nèi)容</textarea> </p> <!--type="file":文件域 注意1:文件域用來選擇文件,還需要一個上傳按鈕 注意2:此處有兩個name,上傳文件是將文件提交給了文件域?qū)?yīng)的files 并非按鈕所對應(yīng)的upload。 也就是說選擇文件后value=所上傳的文件,上傳后files=所上傳的文件 --> <p>文件域: <input type="file" name="files"> <input type="button" value="上傳" name="upload"> </p> <p> <input type="submit" value="提交"/> <input type="reset" value="重置"/> </p> </form>
到此這篇關(guān)于html列表框、文本域、文件域的示例代碼的文章就介紹到這了,更多相關(guān)html列表框內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!
相關(guān)文章
HTML5單選框、復(fù)選框、下拉菜單、文本域的實現(xiàn)代碼
這篇文章主要介紹了HTML5單選框、復(fù)選框、下拉菜單、文本域的實現(xiàn)代碼,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以2020-12-01- 有時候瀏覽器有很多緩存,我們就執(zhí)行不了某種操作,必須要清除緩存才可以運行,其實多數(shù)瀏覽器默認(rèn)會緩存input的值,只有使用ctl+F5強制刷新的才可以清除緩存記錄。如果不2014-11-11
HTML5 文件域+FileReader 分段讀取文件并上傳到服務(wù)器
這篇文章主要介紹了HTML5 文件域+FileReader 分段讀取文件并上傳到服務(wù)器,需要的朋友可以參考下2017-10-23