[TOC]
# 新增表單類型
#### email類型:
? 輸出內容必須為郵箱
示例:
<input type="email" />
#### url類型:
? 輸出內容必須為url
示例:
<input type="url" />
#### number類型:
? 輸入數值的文本框
示例:
<input type="number" min="1" max="10" step="2"/>
min:最小值 max:最大值 step:間隔
#### range類型:
? 指定范圍內的數字,表示形式為滑塊
示例:
<input type="range" name="range" min="1" max="11" step="2"/>
min:最小值 max:最大值 step:間隔
# 日期類型表單
? date:日期文本框
? week:星期文本框
? time:時間文本框
? datetime-local:日期時間文本框
? search:搜索文本框
? tel:電話文本框
? color:顏色文本框
#### datelist標簽
datalist:
? 定義選項列表,用于輸入自動匹配
示例:
<form action="1.php" method= "post">
<input type= "text" name= "city" list= "citylist">
<datalist id= "citylist" >
<option value="beijing">北京</option>
<option value= "nanjing">南京</option>
<option value= "guandong">廣東</option>
</datalist>
</form>
#### autofocus標簽
autofocus:
? 自動獲取焦點
示例:
<form action="1.php" method="post" >
<input type="name" autofocus="on">
<input type="submit">
</form>
#### form屬性
form屬性:
? 提交form標簽以外的表單
示例:
<form id="form" action="1.php" method="post”>
<input type="text" name="city">
<input type="submit">
</form>
<input type="number" name="age" form="form"/>
#### 多文件上傳multiple屬性
multiple屬性:
? 設置multiple后可以設置多個文件
示例:
<form action="1.php" method="post" enctype="multipart/form-data">
<input type="file" name="file[]" multiple="multiple">
<input type="submit"/>
</form>
會自動調取手機拍照或圖片庫選項
#### 表單提示placeholder
placeholder屬性:
? 設置文本框提示信息
示例:
<form action="1.php" method="post">
<input type="text" name="title" placeholder="請輸入標題">
<input type="submit"/>
</form>
#### 表單驗證pattern屬性
pattern屬性:
? 通過正則表達式驗證表單
示例:
<form action="1.php" method="post">
<input type="text" name="title" pattern="[1|0]" title="請輸入1或0">
<input type="submit"/>
</form>
#### 表單驗證required屬性
表單驗證required屬性
? 表單內容不能為空
示例:
<form id="form" action="1.php" method="post">
<input type="text" name="title" required title="標題不能為空">
<input type="submit"/>
</form>
- html&jquery網頁特效
- 標簽分類及特點
- 關于文字標簽
- 網頁定時跳轉
- css透明度和插件
- 0.前端常用工具
- 1.tab切換效果
- 2.tab切換效果多個代碼復用
- 3.百度新聞導航條效果
- 4.解決鼠標移入過快的問題
- 5.滾動條位置
- 6.元素尺寸
- 7.全選反選操作
- 8.固定定位
- 9.開關效果
- 10.節點操作
- 11.仿小米商品展示效果
- 12.仿小米商品展示效果復用
- 13.固定導航欄效果
- 14.凡客輪播圖效果
- 15.頂部下滑廣告效果
- 16.京東左右滑動輪播圖
- 17.京東左右滑動無縫輪播圖
- 18.選擇器
- 19.篩選
- 20.開關效果
- 21.滑動效果
- 22.小米商品效果css實現
- 23.元素水平垂直居中
- laravel5.6
- LARAVEL 介紹&安裝
- javascript & css 腳手架
- php常用工具類
- 安裝laravel-ide-helper增強代碼提示
- 使用migration創建表和數據填充
- 解決mysql5.7以下laravel不能執行數據遷移的問題
- 路由
- 登陸操作自定義模型
- 使用中間件middleware進行登錄權限驗證
- 進行表單驗證處理
- 使用laracasts-flash定制消息提示
- 資源路由
- 寶塔面板安裝fileinfo擴展
- laravel上傳處理與使用hdjs快速實現前端上傳組件
- thinkphp
- phpstorm
- phpstorm安裝插件
- 定義快捷鍵
- 關閉提示
- 將代碼實時同步到遠程服務器
- sublime
- composer
- git使用
- git安裝和配置作者信息
- git新建項目和維護項目
- git日志操作
- git別名操作
- git分支操作
- git生成發布壓縮包
- git系統別名
- gitrebase操作
- 使用SSH與GITHUB遠程服務器進行無密碼連接
- 本地版本庫主動使用remote與遠程GITHUB進行關聯
- 本地分支與GITHUB遠程分支同步
- 項目實戰-新入職員工參與項目開發時分支使用
- 自動部署
- ios開發
- linux
- 1.centos6.5 mysql忘記登入密碼
- html5
- 標簽
- 表單
- 音頻與視頻
- webstorage儲存
- canvas
- css3
- 01.CSS3布局
- 02.transition動畫
- 03.animation動畫
- 04.flex彈性盒模型
- Less
- gulpjs
- es6
- ES6模塊化
- let和const命令
- ES6函數擴展&解構賦值
- JavaScript之數據遍歷
- class類
- Set和Map數據結構
- Vue
- 1.創建第一個應用
- 2.屬性動態綁定
- 3.表達式
- 4.解決phpstorm不識別ECMASCRIPT6語法的問題
- 5.watch監聽屬性
- 6.使用object與array控制class
- 7.條件渲染
- 8.循環
- 9.變異方法
- 10.事件
- 11.表單
- 12.組件
- 13.css過渡動
- 14.js庫控制vue過渡動作
- 15.自定義指令directive
- 16.使用vue-cli初始化單頁面應用
- 17.Vue-router路由
- 18.vuex
- 19.vue-cli
- webpack
- zanui
- nodejs