【HTML】-- 用户注册表单
生活随笔
收集整理的這篇文章主要介紹了
【HTML】-- 用户注册表单
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
【HTML】-- 用戶注冊表單
使用html標簽做一個簡單的注冊表單，下面是一些常用的標簽。
button標簽：普通按鈕，功能代碼自定義。
submit：“確定” ，提交到后臺。
reset：“取消” ，讓表單控件原內容為空。
select標簽：下拉選擇框。
textarea：多行文本輸入框。
具體效果如下所示：
效果1
代碼1
<html> <head><title>注冊表單</title></head> <body> <h3>用戶注冊</h3> <form> <p> 用戶: <input type="text"/> </p> <p> 密碼: <input type="password"/> </p> <p>     <input type="submit" value="確定"/>     <input type="reset" value="取消"/> </p> </from> </body> </html>效果2
代碼2
<html> <head><title>注冊表單</title></head> <body> <h3>用戶注冊</h3> <form> 學習經歷：  <input type="radio" name="xiaoxue"/>小學  <input type="radio" name="chuzhong"/>初中  <input type="radio" name="gaozhong"/>高中  <input type="radio" name="daxue"/>大學  <input type="radio" name="shuoshi"/>碩士  </p> <p> 愛好：  <input type="checkbox" name="interest" value="C"/>唱歌  <input type="checkbox" name="interest" value="T"/>跳舞  <input type="checkbox" name="interest" value="K"/>看電影  <input type="checkbox" name="interest" value="L"/>旅游  <input type="checkbox" name="interest" value="Y"/>運動  </p> <p> 籍貫：  <select name="from"/><option>甘肅</option><option>新疆</option><option>青海</option><option>寧夏</option><option>西藏</option> </select> </p> <p> 技能： <select multiple="multiple" name="jinen"><option>html</option><option>css</option><option>javascript</option> </select> </p> <p> </from> </body> </html>也可以放到一起組成新的注冊表單，效果如下所示：
效果3
代碼3
<html> <head><title>注冊表單</title></head> <body> <h3>用戶注冊</h3> <form> <p> 用戶: <input type="text"/> </p> <p> 密碼: <input type="password"/> </p> <p> 性別：   <input type="radio" name="sex" value="M"/>男    <input type="radio" name="sex" value="F"/>女 </p> <p> 學習經歷：  <input type="radio" name="xiaoxue"/>小學  <input type="radio" name="chuzhong"/>初中  <input type="radio" name="gaozhong"/>高中  <input type="radio" name="daxue"/>大學  <input type="radio" name="shuoshi"/>碩士  </p> <p> 愛好：  <input type="checkbox" name="interest" value="C"/>唱歌  <input type="checkbox" name="interest" value="T"/>跳舞  <input type="checkbox" name="interest" value="K"/>看電影  <input type="checkbox" name="interest" value="L"/>旅游  <input type="checkbox" name="interest" value="Y"/>運動  </p> <p> 籍貫：  <select name="from"/><option>甘肅</option><option>新疆</option><option>青海</option><option>寧夏</option><option>西藏</option> </select> </p> <p> 技能： <select multiple="multiple" name="jinen"><option>html</option><option>css</option><option>javascript</option> </select> </p> <p> 普通按鈕： <input button value="普通按鈕" id="b1" name="PT" > </p> <p> 提交按鈕： <input type="submit" value="提交"/> </p> <p> 重置按鈕： <input type="reset" value="重置"/> </p> </from> </body> </html>總結
以上是生活随笔為你收集整理的【HTML】-- 用户注册表单的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 这个横行霸道的美食，也是中秋节的一大特色
- 下一篇： 区分浏览器