歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
  Inpute類型:color
 
  color類型用在input字段主要用于選取顏色,如下所示:
 
  
 
  <!DOCTYPEHTML>
 
  <html>
 
  <head>
 
  <metacharset="utf-8"/>
 
  <title>自選教程(如約智惠.com)</title>
 
  </head>
 
  <body>
 
  <formaction="demo-form.php">
 
  選擇你喜歡的顏色:
 
  <inputtype="color"name="favcolor"><br/>
 
  <inputtype="submit">
 
  </form>
 
  </body>
 
  </html>
 
  Input類型:date
 
  date類型允許你從一個日期選擇器選擇一個日期。
 
  
 
  <!DOCTYPEHTML>
 
  <html>
 
  <head>
 
  <metacharset="utf-8"/>
 
  <title>自選教程(如約智惠.com)</title>
 
  </head>
 
  <body>
 
  <formaction="demo-form.php">
 
  生日:
 
  <inputtype="date"name="bday"><br/>
 
  <inputtype="submit">
 
  </form>
 
  </body>
 
  </html>
 
  Input類型:datetime
 
  datetime類型允許你選擇一個日期(UTC時間)
 
  
 
  <!DOCTYPEHTML>
 
  <html>
 
  <head>
 
  <metacharset="utf-8"/>
 
  <title>自選教程(如約智惠.com)</title>
 
  </head>
 
  <body>
 
  <formaction="demo-form.php">
 
  生日(日期和時間):
 
  <inputtype="datetime"name="bdaytime"><br/>
 
  <inputtype="submit">
 
  </form>
 
  </body>
 
  </html>
 
  Input類型:datetime-local
 
  datetime-local類型允許你選擇一個日期和時間(無時區)
 
  
 
  <!DOCTYPEHTML>
 
  <html>
 
  <head>
 
  <metacharset="utf-8"/>
 
  <title>自選教程(如約智惠.com)</title>
 
  </head>
 
  <body>
 
  <formaction="demo-form.php">
 
  生日(日期和時間):
 
  <inputtype="datetime-local"name="bdaytime"><br/>
 
  <inputtype="submit">
 
  </form>
 
  </body>
 
  </html>
 
  Input類型:email
 
  email類型用于應該包含e-mail地址的輸入域
 
  
 
  <!DOCTYPEHTML>
 
  <html>
 
  <head>
 
  <metacharset="utf-8"/>
 
  <title>自選教程(如約智惠.com)</title>
 
  </head>
 
  <body>
 
  <formaction="demo-form.php">
 
  E-mail:
 
  <inputtype="email"name="usremail"><br/>
 
  <inputtype="submit">
 
  </form>
 
  </body>
 
  </html>
 
  Input類型:month
 
  month類型允許你選擇一個月份
 
  生日(月和年):<inputtype="month"name="bdaymonth">
 
  Input類型:number
 
  number類型用于應該包含數值的輸入域。
 
  您還能夠設定對所接受的數字的限定:
 
  定義一個數值輸入域(限定):
 
  數量(1到5之間):<inputtype="number"name="quantity"min="1"max="5">
 
  使用下面的屬性來規定對數字類型的限定:
 
  屬性 描述
 
  disabled 規定輸入字段是禁用的
 
  max 規定允許的最大值
 
  maxlength 規定輸入字段的最大字符長度
 
  min 規定允許的最小值
 
  pattern 規定用于驗證輸入字段的模式
 
  readonly 規定輸入字段的值無法修改
 
  required 規定輸入字段的值是必需的
 
  size 規定輸入字段中的可見字符數
 
  step 規定輸入字段的合法數字間隔
 
  value 規定輸入字段的默認值
 
  Input類型:range
 
  range類型用于應該包含一定范圍內數字值的輸入域。
 
  range類型顯示為滑動條。
 
  定義一個不需要非常精確的數值(類似于滑塊控制):
 
  <inputtype="range"name="points"min="1"max="10">
 
  請使用下面的屬性來規定對數字類型的限定:
 
  max-規定允許的最大值
 
  min-規定允許的最小值
 
  step-規定合法的數字間隔
 
  value-規定默認值
 
  Input類型:search
 
  search類型用于搜索域,比如站點搜索或Google搜索。
 
  定義一個搜索字段(類似站點搜索或者Google搜索):
 
  SearchGoogle:<inputtype="search"name="googlesearch">
 
  Input類型:tel
 
  定義輸入電話號碼字段:
 
  電話號碼:<inputtype="tel"name="usrtel">
 
  Input類型:time
 
  time類型允許你選擇一個時間。
 
  定義可輸入時間控制器(無時區):
 
  選擇時間:<inputtype="time"name="usr_time">
 
  Input類型:url
 
  url類型用于應該包含URL地址的輸入域。
 
  在提交表單時,會自動驗證url域的值。
 
  定義輸入URL字段:
 
  添加您的主頁:<inputtype="url"name="homepage">
 
  提示:iPhone中的Safari瀏覽器支持url輸入類型,并通過改變觸摸屏鍵盤來配合它(添加.com選項)。
 
  Input類型:week
 
  week類型允許你選擇周和年。
 
  定義周和年(無時區):
 
  選擇周:<inputtype="week"name="week_year">
 
  注意:并不是所有的主流瀏覽器都支持新的input類型,不過您已經可以在所有主流的瀏覽器中使用它們了。即使不被支持,仍然可以顯示為常規的文本域。






本文轉載自中文網


 

如需轉載,請注明文章出處和來源網址:http://www.4389979.live/html/h55044.shtml

河南十一选五大小 大圣配资 保利地产股票分析报告 11选5下期推算方法 正规挣钱最快的app 甘肃泳坛夺金推荐号 免费网赚 浙江游戏大厅下载官网 七星彩开奖视频 炒股平台哪个好用 上海麻将胡牌图解