HTML 表單組件實例代碼
發(fā)布時間：2017-10-31 17:04:02 作者：佚名 
我要評論
我要評論本文通過實例代碼給大家介紹了HTML 表單組件的知識，非常不錯，具有參考借鑒價值，需要的朋友參考下吧
HTML 表單用于搜集不同類型的用戶輸入。下文通過代碼給大家分享html 表單組件實例代碼，感興趣的朋友參考下吧
廢話不多說了，直接給大家貼代碼了，具體代碼如下所示：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!--
如果要給服務端提交數據 表單中的組件必須有name和value屬性
用于給服務端獲取數據
-->
<from>輸入名稱:<input type="text" name="user" value=""/><br/>
輸入密碼:<input type="password" name="passwd" value=""/>
<br/>
選擇性別:<input type="radio" name="sex" vlaue="nan"/> 男 <input type="radio" name="sex" value="nv" checked="checked"/> 女
<br/>
選擇技術:
<input type="checkbox" name="tech" value="java"/>Java
<input type="checkbox" name="tech" value="html"/>html
<input type="checkbox" name="tech" value="css"/>CSS<br/>
選擇文件:
<input type="file" name="file" /><br/>
一個圖片:<input type="image" src="11.jpg" ><br/>
<!-- 數據不需要客戶端指定 但是可以將其提交服務端 -->
隱藏組件:<input type="hidden" name="mykey" value="myvalue"/><br/>
一個按鈕:<input type="button" value="有個按鈕" onclick="alert('有個按鈕')"><br/>
<select name="contry">
<option value="none">--選擇國家-</option>
<option value="usa">美國</option>
<option value="en">英國</option>
<option value="cn" selected="selected">中國</option>
</select>
<textarea name="text"></textarea>
<br/>
<input type="reset" value="清除數據"/><input type="submit" value="提交數據"/>
<from>
</body>
</html>
總結
以上所述是小編給大家介紹的HTML 表單組件實例代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
相關文章
- HTML表格用于在網頁上展示數據,通過標簽及其相關標簽來創(chuàng)建,表格由行和列組成,每一行包含一個或多個單元格,單元格可以包含文本、圖像、鏈接等元素,本文將詳細介紹HTML表格2025-03-12
- 本文介紹了三種禁止HTML頁面滾動的方法：通過CSS的overflow屬性、使用JavaScript的滾動事件監(jiān)聽器以及使用CSS的position:fixed屬性,每種方法都有其適用場景和優(yōu)缺點，感興2025-02-24
在 Web 開發(fā)中，文本的視覺效果是提升用戶體驗的重要因素之一,通過 CSS 技巧，我們可以創(chuàng)造出許多獨特的效果，例如文字鏤空效果,本文將帶你一步一步實現(xiàn)一個簡單的文字鏤空2024-11-17
在Html中,a標簽默認的超鏈接樣式是藍色字體配下劃線,這可能不滿足所有設計需求,如需去除這些默認樣式,可以通過CSS來實現(xiàn),本文給大家介紹Html去除a標簽的默認樣式的操作代碼2024-09-25- 在HTML中,可以通過設置CSS的resize屬性為none,來禁止用戶手動拖動文本域（textarea）的大小,這種方法簡單有效,適用于大多數現(xiàn)代瀏覽器,但需要在老舊瀏覽器中進行測試以確保2024-09-25
本文詳細介紹了如何利用HTML和CSS實現(xiàn)多種風格的進度條,包括基礎的水平進度條、環(huán)形進度條以及球形進度條等,還探討了如何通過動畫增強視覺效果,內容涵蓋了使用HTML原生標簽2024-09-19- Canvas 提供了一套強大的 2D 繪圖 API，適用于各種圖形繪制、圖像處理和動畫制作,可以幫助你創(chuàng)建復雜且高效的網頁圖形應用，這篇文章主要介紹了HTML中Canvas關鍵知識點總結2024-06-03
html table+css實現(xiàn)可編輯表格的示例代碼
本文主要介紹了html table+css實現(xiàn)可編輯表格的示例代碼，主要使用HTML5的contenteditable屬性，文中通過示例代碼介紹的非常詳細，需要的朋友們下面隨著小編來一起學習學習2024-03-06
本文主要介紹了HTML中使用Flex布局實現(xiàn)雙行夾批效果，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習2024-02-22
在網站開發(fā)中，登錄頁面是必不可少的一部分，本文就來介紹一下HTML+CSS實現(xiàn)登錄切換，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需2024-02-02
