标题:
Bootstrap框架----新建示例--各种input
[打印本页]
作者:
look_w
时间:
2019-5-13 11:20
标题:
Bootstrap框架----新建示例--各种input
Index.jsp代码如下:
<%@ include file="./include/header.jsp"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!-- 去除number的箭头 -->
<style>
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type="number"]{
-moz-appearance: textfield;
}
</style>
<!-- 去除safari自带的input样式 -->
<style>
input::-webkit-contacts-auto-fill-button {
visibility: hidden;
display: none !important;
pointer-events: none;
position: absolute;
right: 0;
}
</style>
<script type="text/javascript" charset="utf-8" src="/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/ueditor/ueditor.all.min.js"></script>
<div id="page-wrapper">
<div id="page-inner">
<div class="row">
<div class="col-md-12">
<h1 class="page-header">
新增 <small>示例</small>
</h1>
</div>
</div>
<!-- /. ROW -->
<div class="col-md-10 col-sm-10 col-xs-12 " style="margin-top: 30px">
<form class="form-horizontal" id="referenceDocument" action="/add">
<input type="text" value="${referenceDocument.id}" id="id" name="id" hidden/>
<div class="form-group">
<label for="name" class="col-sm-2 control-label">编号:</label>
<div class="col-sm-10">
<input type="text" readonly="readonly" class="form-control" id="code" name="code" value="NB1234" >
</div>
</div>
<div class="form-group">
<label for="name" class="col-sm-2 control-label">作者:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="name" name="name" value="${referenceDocument.name}"
placeholder="期刊名">
</div>
</div>
<div class="form-group">
<label for="name" class="col-sm-2 control-label">期刊名:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="author" name="author"
value="${referenceDocument.author}"
placeholder="期刊名">
</div>
</div>
<div class="form-group">
<label for="name" class="col-sm-2 control-label">期刊名(中文):</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="cnName" name="cnName"
value="${referenceDocument.cnName}" placeholder="期刊名(中文)">
</div>
</div>
<div class="form-group">
<label for="name" class="col-sm-2 control-label">标题:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="title" name="title"
value="${referenceDocument.title}" placeholder="标题">
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">摘要:</label>
<div class="col-sm-10">
<textarea id="summary" name="summary" class="form-control"
rows="8">${referenceDocument.summary}</textarea>
</div>
</div>
<div class="form-group">
<label for="name" class="col-sm-2 control-label">链接:</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="link" name="link" value="${referenceDocument.link}"
placeholder="链接">
</div>
</div>
<div class="form-group">
<label for="name" class="col-sm-2 control-label">价格:</label>
<div class="col-sm-10">
<input type="number" class="form-control" id="price" name="price" value="${referenceDocument.price}"
placeholder="0">
</div>
</div>
<div class="form-group">
<label for="name" class="col-sm-2 control-label">板块:</label>
<div class="col-sm-10">
<select class="form-control" id="plate" name="plate">
<option value="0" ${referenceDocument.plate==0?'selected':''}>所有</option>
<option value="1" ${referenceDocument.plate==1?'selected':''}>汉语</option>
<option value="2" ${referenceDocument.plate==2?'selected':''}>法语</option>
<option value="3" ${referenceDocument.plate==3?'selected':''}>日语</option>
<option value="4" ${referenceDocument.plate==4?'selected':''}>英语</option>
<option value="5" ${referenceDocument.plate==5?'selected':''}>韩语</option>
</select>
</div>
</div>
欢迎光临 电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)
Powered by Discuz! 7.0.0