Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 亚洲日本va中文字幕线,成人免费观看国产高清,国产三级全黄在线观看

          整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML5表單屬性的詳情

          TML 5對表單新增了很多功能和屬性,可以更加方便地進行表單開發,form屬性代碼如下:

          所以在HTML 5中定義了表單的從屬關系,而不再完全依賴form的位置。在下面的代碼中,輸入框txtPhone是屬于表單myForm的,因此可以提交輸入框內容。在之前的HTML中這種寫法是不能提交txtPhone輸入框的內容的。 placeholder屬性一般用于文本輸入框上,其主要作用是當文本框處于未輸入的狀態并且內容為空時,顯示一段提示文本內容。

          <input type="text" id="txtUserName" class="form-control" placeholder="請輸入用戶名"/>

          這個屬性達到的效果是我們常見的水印效果,如圖所示。

          autofocus屬性的作用是指定控件自動活動的焦點,一個頁面中只能有一個控件具有該屬性。

          HTML 5允許單行文本框中使用list屬性,配合datalist元素一起使用。list主要用于提示文本框輸入,datalist用于提供數據源,目前支持該特性的瀏覽器較少。

          Autocomplete屬性用于完成自動輸入的功能,有兩個值;on和off,分別代表自動完成輸入和禁止自動完成輸入。很多瀏覽器不支持該屬性,但是自動完成插件是筆者平時使用較多的。

          Required屬性是用作必填屬性,如果使用到了這個屬性則當表單中的元素為空時無法提交,此屬性作用于輸入框元素上。

          于HTML5基礎知識(3)新增的Input類型(重要)這一節沒有審核通過,現在簡單介紹一下這節:

          html5新曾的Input類型主要有:email郵箱驗證,url 網址驗證,number數字驗證,range范圍,Date pickers (date, month, week, time, datetime, datetime-local)時間日期,search搜索驗證,color顏色選取,tel電話驗證等等

          Input 類型 - email 驗證郵箱 寫法:

          E-mail: <input type="email" name="user_email" />

          Input 類型 - url 驗證url,寫法:

          <input type="url" name="user_url" />

          Input 類型 - number 驗證數字

          Input 類型 - range 驗證輸入范圍:

          <input type="range" name="points" min="1" max="10" />

          Input 類型 - Date Pickers(日期選擇器)分別有:

          date - 選取日、月、年

          month - 選取月、年

          week - 選取周和年

          time - 選取時間(小時和分鐘)

          datetime - 選取時間、日、月、年(UTC 時間)

          datetime-local - 選取時間、日、月、年(本地時間)

          Input 類型: color,主要用于選取顏色

          <input type="color" name="favcolor">

          Input 類型: tel 驗證電話號碼(不推薦)

          可能是這些知識大家都在寫,發布的時候提示“近期在全網出現過高度相似文章被認為是舊聞”,說多了都是淚!

          HTML5 新增的表單元素

          datalist、keygen、Output這三種,但是都不是很推薦的,可以跳過!

          datalist 元素 datalist 元素規定輸入域的選項列表。不推薦

          <input type="url" list="url_list" name="link" /><datalist id="url_list">

          <option label="W3School" value="http://www.W3School.com.cn" />

          <option label="Google" value="http://www.google.com" />

          <option label="Microsoft" value="http://www.microsoft.com" /></datalist>

          效果:

          keygen 元素(現在無需了解)

          keygen 元素的作用是提供一種驗證用戶的可靠方法。keygen 元素是密鑰對生成器(key-pair generator)。當提交表單時,會生成兩個鍵,一個是私鑰,一個公鑰。私鑰(private key)存儲于客戶端,公鑰(public key)則被發送到服務器。公鑰可用于之后驗證用戶的客戶端證書(client certificate)。

          output 元素

          output 元素用于不同類型的輸出,比如計算或腳本輸出:(現在無需了解)

          <output id="result" onforminput="resCalc()"></output>

          HTML5 的新的表單屬性

          新的 form 屬性:

          autocomplete、novalidate

          新的 input 屬性:

          autocomplete、autofocus、form、form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget)、height 和 width、list、min, max 和 step、multiple、pattern (regexp)、placeholder、required,雖然很多,但是大部分都不常用,只介紹平時常用的!

          (1)autocomplete屬性規定 form 或 input 域應該擁有自動完成功能。

          (2)autofocus 屬性規定在頁面加載時,域自動地獲得焦點。

          <input type="text" name="user_name" autofocus="autofocus" />

          (3)form 屬性規定輸入域所屬的一個或多個表單。form 屬性必須引用所屬表單的 id:

          <form action="demo_form.asp" method="get" id="user_form">

          姓名:<input type="text" name="fname" />

          <input type="submit" />

          </form>

          性別: <input type="text" name="lname" form="user_form" />

          (4)表單重寫屬性(form override attributes)允許您重寫 form 元素的某些屬性設定。表單重寫屬性有:

          formaction - 重寫表單的 action 屬性

          formenctype - 重寫表單的 enctype 屬性

          formmethod - 重寫表單的 method 屬性

          formnovalidate - 重寫表單的 novalidate 屬性

          formtarget - 重寫表單的 target 屬性

          <form action="demo_form.asp" method="get" id="user_form">

          <input type="submit" value="Submit" />

          <input type="submit" formaction="demo_admin.asp" value="Submit as admin" /></form>//實際運行的時候跳轉demo_admin.asp

          5min、max 和 step 屬性

          min、max 和 step 屬性用于為包含數字或日期的 input 類型規定限定(約束)。

          max 屬性規定輸入域所允許的最大值。

          min 屬性規定輸入域所允許的最小值。

          step 屬性為輸入域規定合法的數字間隔(如果 step="3",則合法的數是 -3,0,3,6 等)。

          <input type="number" name="points" min="0"max="10"step="3" />

          此例子只能填寫0、3、6、9

          (6)multiple 屬性

          multiple 屬性規定輸入域中可選擇多個值。

          <input type="file" name="img" multiple="multiple" />

          //表示可以同時上傳多個圖片

          (7)pattern 屬性

          pattern 屬性規定用于驗證 input 域的模式(pattern)。

          模式(pattern) 是正則表達式。您可以在我們的 JavaScript 教程中學習到有關正則表達式的內容。

          <input type="text" name="country_code"pattern="[A-z]{3}" title="Three letter country code" />

          表示:只允許輸入3個任意字母

          9placeholder 屬性

          placeholder 屬性提供一種提示(hint),描述輸入域所期待的值。(這個常用,不做解釋)

          10required 屬性

          required 屬性規定必須在提交之前填寫輸入域(不能為空)

          Name: <input type="text" name="usr_name" required="required" />

          、新增input type屬性值

          • 說明

          新增input type 屬性值

          類型 使用示例 描述

          email <input type="email"> 必須輸入郵箱格式

          tel <input type="tel"> 必須輸入手機號碼格式

          url <input type="url"> 必須輸入url格式

          number <input type="number"> 必須輸入數字格式

          search <input type="search"> 必須搜索框(體現語義化)

          range <input type="range"> 自由拖動滑塊

          time <input type="time"> 小時分鐘

          date <input type="date"> 年月日

          datetime <input type="datetime"> 時間

          month <input type="month"> 月年

          week <input type="week"> 星期 年

          color <input type='color'> 顏色

          二、新增常用表單屬性

          • 說明

          新增的input標簽屬性

          屬性 用法 含義

          placeholder <input type="text" placeholder="請輸入..."> 占位符 當用戶輸入的時候 里面的文字消失 刪除所有文字,自動恢復

          autofocus <input type="text" autofocus> 規定當頁面加載時 input 元素應該自動獲得焦點

          multiple <input type="file" multiple> 多文件上傳

          autocomplete <input type="text" autocomplete="off"> 規定表單是否應該啟用自動完成功能 有2個值,一個是on 一個是off on 代表記錄已經輸入的值 1.autocomplete 首先需要提交按鈕2.這個表單您必須給他名字

          required <input type="text" required> 必填項 內容不能為空


          主站蜘蛛池模板: 国产精品一区二区三区久久 | 亚洲一区免费视频| 中文字幕一区二区三区精华液| 精品国产AⅤ一区二区三区4区| 亚洲av无码一区二区三区天堂古代 | 免费高清在线影片一区| 午夜精品一区二区三区免费视频| 免费在线观看一区| 无码日韩精品一区二区免费| 国产在线精品一区二区夜色 | 日韩精品一区二三区中文| 麻豆AV一区二区三区| 久久久精品一区二区三区| 久久一区二区免费播放| 国产一区二区精品久久91| 免费一本色道久久一区| 亚洲.国产.欧美一区二区三区| 精品一区二区三区四区在线播放 | 日韩免费一区二区三区| 国精产品一区一区三区MBA下载 | 久久一区二区三区精品| 亚洲线精品一区二区三区影音先锋 | 亚洲一区二区三区在线播放| 国产伦精品一区二区三区免.费| 免费看AV毛片一区二区三区| 精品国产亚洲一区二区三区在线观看 | 国产一区二区三区不卡在线看| 无码一区二区三区中文字幕| 人妻少妇精品视频三区二区一区| 一区二区三区精密机械| 性盈盈影院免费视频观看在线一区 | 曰韩人妻无码一区二区三区综合部| 91秒拍国产福利一区| 一本大道在线无码一区| 美日韩一区二区三区| 亚洲美女高清一区二区三区| 真实国产乱子伦精品一区二区三区 | 国精产品一区一区三区MBA下载 | 精品人妻系列无码一区二区三区| 91视频一区二区| 在线精品一区二区三区|