Bootstrap输入框组件简单实现代码

作者：简简单单 2017-05-28

Bootstrap输入框组件的学习代码，供大家参考，具体内容如下

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE-edge">

<meta name="viewport" content="width=device-width,initial-scale=1">

<title>Bootstrap 101 Templatetitle>

<link href="http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap-theme.min.css" rel="external nofollow" rel="stylesheet">

<link href="http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="external nofollow" rel="stylesheet">

head>

<body>

<div class="input-group">

<span class="input-group-addon">@

span>

<input type="text" class="form-control" placeholder="Username">

div>

<br/>

<div class="input-group">

<input type="text" class="form-control" placeholder="Username">

<span class="input-group-addon">@

span>

div>

<br/>

<div class="input-group input-group-lg">

<span class="input-group-addon">@

span>

<input type="text" class="form-control" placeholder="Username">

<span class="input-group-addon">qq

span>

div>

<br/>

<form action="" method="post" role="form">

<div class="form-group">

<label for="username">username:label>

<input class="form-control" id="username" name="username" type="text"><br>

div>

<div class="form-group">

<label>password:label>

<input class="form-control" name="password" type="text"><br>

div>

<input type="submit" value="submit"><input type="reset" value="reset">

form>

<script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js">script>

<script src="http://cdn.bootcss.com/bootstrap/3.3.1/js/bootstrap.min.js">script>

<script src="http://cdn.bootcss.com/bootstrap/3.3.1/js/npm.js">script>

body>

html>

结果：

Bootstrap输入框组件简单实现代码

相关文章

精彩推荐