bootstrap19-內聯表單
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<title>內聯表單</title>
<link rel=”stylesheet” href=”http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css”>
</head>
<body>
<div class=”container”>
<form action=”” role=”form” class=”form-inline”>
<div class=”form-group”>
<label for=”name” class=”sr-only”>名稱</label>
<input type=”text” class=”form-control” id=”name” placeholder=”請輸入名稱”>
</div>
<div class=”form-group”>
<label for=”inputfile” class=”sr-only”>檔案輸入</label>
<input type=”file” id=”inputfile”>
<p class=”help-block”>這裡是塊級幫助文字的例項。</p>
</div>
<div class=”checkbox”>
<label>
<input type=”checkbox”>請打勾
</label>
</div>
<button type=”submit” class=”btn btn-default”>提交</button>
</form>
</div>
<script src=”http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js”></script>
<script src=”http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js”></script>
</body>
</html>
相關文章
- Bootstrap系列 -- 13. 內聯表單boot
- sql server 建立內聯表值函式SQLServer函式
- MapReduce應用案例--單表關聯
- tpextbuilder- Displayers[元件]- When表單聯動UI元件
- jQuery如何清空表單元素的內容jQuery
- 工作流Activiti框架中表單的使用!詳細解析內建表單和外接表單的渲染框架
- React table 表單裡的內容點選事件React事件
- 表單元素文字內容選中事件onselect事件
- MySQL三表聯查及兩表聯查MySql
- 塊狀元素、內聯元素和內聯塊狀元素
- iframe內聯框架框架
- 函式內聯函式
- HTML內聯元素HTML
- Oracle 級聯表更新和SQLServer 級聯表更新OracleSQLServer
- Html 內聯元素和外聯元素HTML
- 使用LocalStorage實現Form表單內容本地儲存ORM
- KindEditor:Ajax提交表單時獲取不到HTML內容HTML
- element-ui裡Form 表單內給label內容新增圖示提示UIORM
- javascript如何獲取內聯樣式和外部樣式表的值JavaScript
- 如何製作免費的WordPress聯絡表單?這個外掛提供了付費表單才有的
- web 端展現報表時查詢表單如何實現引數聯動Web
- 內聯元素與流
- GCC 內聯彙編GC
- CSS的內聯樣式和外鏈樣式簡單介紹CSS
- Laravel-admin 表單提交兩級聯動功能編寫Laravel
- [提問交流]模型欄位怎麼做成聯動表單的模型
- FI,SD,MM中一些表單資料的關聯
- JavaScript 表單及表單驗證JavaScript
- GCC內聯彙編(2)GCC生成彙編程式碼簡單例項GC單例
- javascript實現的清空表單元素內容程式碼例項JavaScript
- SQL Server最佳化標量函式改寫內聯表值函式SQLServer函式
- C++——內聯,友元C++
- CSS塊級/內聯元素CSS
- Java中的方法內聯Java
- MySQL之表聯結MySql
- SQL server 聯表更新SQLServer
- 事件 滑鼠事件 表單事件 from表單事件
- 表單Form簡介——表單按鈕ORM