您好,登錄后才能下訂單哦!
這篇文章主要介紹了HTML怎么編寫一個簡單的表單,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
我們先來看下常用的表單元素有哪些:
文本域 | 文本域通過 <input type="text"> 標簽來設定,當用戶要在表單中鍵入字母、數字等內容時,就會用到文本域。 |
密碼字段 | 密碼字段通過標簽 <input type="password"> 來定義 |
單選按鈕 | <input type="radio"> 標簽定義了表單單選框選項。 |
復選框 | <input type="checkbox"> 定義了復選框. 用戶需要從若干給定的選擇中選取一個或若干選項。 |
提交按鈕 | 當用戶單擊確認按鈕時,表單的內容會被傳送到另一個文件。 |
具體的代碼:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>簡單表單 - 億速云(yisu.com)</title>
</head>
<body>
<form action="">
用戶名:<input type="text" name="username"><br>
密碼:<input type="password" name="password"><br>
性別:<input type="radio" name="sex" value="女">女
<input type="radio" name="sex" value="男">男<br>
愛好:<input type="checkbox" name="like" value="運動">運動
<input type="checkbox" name="like" value="畫畫">畫畫
<input type="checkbox" name="like" value="閱讀">閱讀<br>
<input type="submit" name="確定登錄">
<input type="reset" name="重新填寫">
</body>
</html>
感謝你能夠認真閱讀完這篇文章,希望小編分享的“HTML怎么編寫一個簡單的表單”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。