html form表單

僅供學習，轉載請注明出處

form表單

表單用于搜集不同類型的用戶輸入，表單由不同類型的標簽組成，相關標簽及屬性用法如下：

1、<form>標簽定義整體的表單區域

action屬性定義表單數據提交地址
method屬性定義表單提交的方式，一般有“get”方式和“post”方式

2、<label>標簽為表單元素定義文字標注

3、<input>標簽定義通用的表單元素

type屬性
- type="text" 定義單行文本輸入框
- type="password" 定義密碼輸入框
- type="radio" 定義單選框
- type="checkbox" 定義復選框
- type="file" 定義上傳文件
- type="submit" 定義提交按鈕
- type="reset" 定義重置按鈕
- type="button" 定義一個普通按鈕
- type="image" 定義圖片作為提交按鈕，用src屬性定義圖片地址
- type="hidden" 定義一個隱藏的表單域，用來存儲值
value屬性定義表單元素的值
name屬性定義表單元素的名稱，此名稱是提交數據時的鍵名

4、<textarea>標簽定義多行文本輸入框

5、<select>標簽定義下拉表單元素

6、<option>標簽與<select>標簽配合，定義下拉表單元素中的選項

注冊表單實例：

<!DOCTYPE html>
<html>
 <head> 
  <title></title> 
 </head> 
 <body> 
  <form action="http://www..." method="get"> 
   <p> <label>姓名：</label><input type="text" name="username" /> </p> 
   <p> <label>密碼：</label><input type="password" name="password" /> </p> 
   <p> <label>性別：</label> <input type="radio" name="gender" value="0" /> 男 <input type="radio" name="gender" value="1" /> 女 </p> 
   <p> <label>愛好：</label> <input type="checkbox" name="like" value="sing" /> 唱歌 <input type="checkbox" name="like" value="run" /> 跑步 <input type="checkbox" name="like" value="swiming" /> 游泳 </p> 
   <p> <label>照片：</label> <input type="file" name="person_pic" /> </p> 
   <p> <label>個人描述：</label> <textarea name="about"></textarea> </p> 
   <p> <label>籍貫：</label> <select name="site"> <option value="0">北京</option> <option value="1">上海</option> <option value="2">廣州</option> <option value="3">深圳</option> </select> </p> 
   <p> <input type="submit" name="" value="提交" /> 
    <!-- input類型為submit定義提交按鈕  
             還可以用圖片控件代替submit按鈕提交，一般會導致提交兩次，不建議使用。如：
             <input type="image" src="xxx.gif">
        --> <input type="reset" name="" value="重置" /> </p> 
  </form>  
 </body>
</html>

瀏覽器展示如下：

關注微信公眾號，回復【資料】、Python、PHP、JAVA、web，則可獲得Python、PHP、JAVA、前端等視頻資料。

本文鏈接：https://blog.csdn.net/u012887259/article/details/102425531

智能推薦

requests實現全自動PPT模板

http://www.1ppt.com/moban/ 可以免費的下載PPT模板，當然如果要人工一個個下，還是挺麻煩的，我們可以利用requests輕松下載訪問這個主頁，我們可以看到下面的樣式點每一個PPT模板的圖片，我們可以進入到詳細的信息頁面，翻到下面，我們可以看到對應的下載地址點擊這個下載的按鈕，我們便可以下載對應的PPT壓縮包那我們就開始做吧首先，查看網頁的源代碼，我們可以看到每一...

互斥鎖互斥鎖也是屬于線程之間處理同步互斥方式，有上鎖/解鎖兩種狀態。互斥鎖函數接口 1）初始化互斥鎖 pthread_mutex_init() man 3 pthread_mutex_init (找不到的情況下首先 sudo apt-get install glibc-doc sudo apt-get install manpages-posix-dev) 動態初始化 int pthread_...

統計學習方法 - 樸素貝葉斯

引入問題：一機器在良好狀態生產合格產品幾率是 90%，在故障狀態生產合格產品幾率是 30%，機器良好的概率是 75%。若一日第一件產品是合格品，那么此日機器良好的概率是多少。貝葉斯模型生成模型與判別模型判別模型，即要判斷這個東西到底是哪一類，也就是要求y，那就用給定的x去預測。生成模型，是要生成一個模型，那就是誰根據什么生成了模型，誰就是類別y，根據的內容就是x 以上述例子，判斷一個生產出...

styled-components —— React 中的 CSS 最佳實踐

https://zhuanlan.zhihu.com/p/29344146 Styled-components 是目前 React 樣式方案中最受關注的一種，它既具備了 css-in-js 的模塊化與參數化優點，又完全使用CSS的書寫習慣，不會引起額外的學習成本。本文是 styled-components 作者之一 Max Stoiber 所寫，首先總結了前端組件化樣式中的最佳實踐原則，然后在此基...

html form表單

form表單

注冊表單實例：

智能推薦

猜你喜歡