網站建設之初識HTML標簽-form表單標簽

返回列表
由www.cplrgw.icu于2015-05-18編輯發布,已經有463個小可愛看過這篇文章啦!

上一章節和大家說了關于*表格標簽 今天為大家介紹的是form表單標簽,我們很多的表單都是通過這個來做的喲!

 


 

 

 

 

**form表單標簽
---------------------------------------------------------
 1. <form></form> --表單標簽
  form標簽常用屬性:
   *action屬性:提交的目標地址(URL)
   *method屬性:提交方式:get(默認)和post
    get方式是URL地址欄可見,長度受限制(IE2k 火狐8k),相對不安全.
    post方式是URL地址不可見,長度不受限制,相對安全.
   enctype:提交類型
   target: 在何處打開目標 URL。
   name:屬性為表單起個名字.HTML5不支持。用 id 代替。
 
 2. <input> 表單項標簽input定義輸入字段,用戶可在其中輸入數據。在 HTML 5 中,type 屬性有很多新的值。
  具體在下面有詳解:
  如:<input type="text" name="username">
  
 3. <select> 標簽創建下拉列表。
  *name屬性:定義名稱,用于存儲下拉值的
   size:定義菜單中可見項目的數目,html5不支持
   disabled 當該屬性為 true 時,會禁用該菜單。
   multiple 多選
   *<option>  下拉選擇項標簽,用于嵌入到<select>標簽中使用的;
   *value屬性:下拉項的值
   *selected屬性:默認下拉指定項. 
 
 4. *<textarea> 多行的文本輸入區域
   *name :定義名稱,用于存儲文本區域中的值。
   *cols :規定文本區內可見的列數。
   *rows :規定文本區內可見的行數。
   disabled: 是否禁用
   readonly: 只讀
   ...
 
 5. *<button> 標簽定義按鈕。
  您可以在 button 元素中放置內容,比如文檔或圖像。這是該元素與由 input 元素創建的按鈕的不同之處。
  
 
 6. <fieldset> html5標簽--fieldset 元素可將表單內的相關元素分組。
  disabled屬性:定義 fieldset 是否可見。
  form屬性: 定義該 fieldset 所屬的一個或多個表單。

 7. <legend> html5標簽--<legend> 標簽為 <fieldset>、<figure> 以及 <details> 元素定義標題。
   <form>
     <fieldset>
    <legend>健康信息:</legend>
    身高:<input type="text" /><br/>
    體重:<input type="text" /><br/>
     </fieldset>
   </form>
   
  8. <optgroup> html5標簽--<optgroup> 標簽定義選項組。此元素允許您組合選項
  樣例:
   <select>
     <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
     </optgroup>
     <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
     </optgroup>
   </select>
   
 9. <datalist> html5標簽--<datalist> 標簽定義可選數據的列表。與 input 元素配合使用,就可以制作出輸入值的下拉列表。
   樣例:
    <form action="demo_form.php" method="get">
     <input list="browsers" name="browser">
     <datalist id="browsers">
      <option value="Internet Explorer">
      <option value="Firefox">
      <option value="Chrome">
      <option value="Opera">
      <option value="Safari">
     </datalist>
     <input type="submit">
    </form>
 
 10. **<input/>  表單項中的屬性,可以提供
     *type屬性:表示表單項的類型:值如下:
    text:單行文本框
    password:密碼輸入框
    checkbox:多選框 注意要提供value值
    radio:單選框   注意要提供value值
    file:文件上傳選擇框
    button:普通按鈕
    submit:提交按鈕
    image:圖片提交按鈕
    reset:重置按鈕, 還原到開始(第一次打開時)的效果
    hidden:表單隱藏域,主要是和表單一塊提交的信息,但是不需要用戶修改
   *name屬性:表單項名,用于存儲內容值的
   *value屬性:輸入的值(默認指定值)
   size屬性:輸入框的寬度值
   maxlength屬性:輸入框的輸入內容的最大長度
   readonly屬性:對輸入框只讀屬性
   *disabled屬性:禁用屬性
   *checked屬性:對選擇框指定默認選項
   accesskey屬性:指定快捷鍵(不常用) (IE:alt+鍵  火狐:alt+shift+鍵)
   tabindex屬性:通過數字指定tab鍵的切換順序(不常用)
   
   src和alt是為圖片按鈕設置的
  
   注意:reset重置按鈕是將表單數據恢復到第一次打開時的狀態,并不是清空
    image圖片按鈕,默認具有提交表單功能。
  

 

更多網站建設內容盡在今網科技,轉載請注明出處!

關鍵詞:網站建設、高端網站定制、網站開發、品牌官網設計
免費獲取網站建設與品牌策劃方案報價
*主要業務范圍包括:高端網站建設,集團網站建設(網站建設,網站制作)找網站建設公司就上今網科技。
今網科技
互聯網改變世界,我們改變互聯網
十一年來,憑借對設計的深刻理解,對互聯網營銷趨勢的敏銳洞察,今網科技不斷修正服務導向,完善創作品格,始終注重專業探索,為所有合作企業機構全力以赴,確保網站的視覺體驗與營銷轉化能力。

立即咨詢

聯系方式

免費咨詢熱線:028-85425880   手機:17760510206   郵箱:[email protected]

地址:成都市武侯區武侯大道順江段77號吾悅廣場2座6樓

友情鏈接: 舊版官網 今網科技
捕鱼绑定手机送20000分