效果图:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>商品添加</title>
<link rel="stylesheet" href="css/lookgoods2.css" />
</head>
<body>
<h3>商品添加</h3>
<form action="a.jsp">
<div class="a">
<div>
<span>商品名称</span>
<input type="text" onkeyup="value=value.replace(/[^a-zA-Z\u4e00-\u9fa5_-]/g,'') " placeholder="请输入汉字和字母"/>
</div>
<div >
<span>生产商</span>
<select>
<option value="海尔集团">海尔集团</option>
<option value="格力集团">格力集团</option>
</select>
</div>
<div>
<span>生产商ID</span>
<select>
<option value="HE001">HE001</option>
<option value="GELI001">GELI001</option>
</select>
</div>
<div>
<span>重量</span>
<input type="text" />
</div>
<div>
<span>材质</span>
<input type="text" />
</div>
<div>
<span>单价</span>
<input type="text" placeholder="只能输入数字" onkeyup="this.value=this.value.replace(/\D/g,'')" />
</div>
<div>
<span>产地</span>
<input type="text" placeholder="请输入汉字" maxlength=50 onkeyup="this.value=this.value.replace(/[^\u4e00-\u9fa5]/g,'')"/>
</div>
<div>
<span>生产日期</span>
<input type="date" />
</div>
<div>
<span>质量保证期</span>
<input type="number" min="1" max="24" value="12"/>
</div>
<div>
<span>生产标准号</span>
<input type="text" />
</div>
<div>
<span>相关许可证</span>
<input type="text" />
</div>
<div>
<span>使用方法</span>
<textarea maxlength="1000" placeholder="请输入内容(最大1000字)">通电24小时后使用</textarea>
</div>
<div>
<hr class="h">
</div>
<div class="b">
<input id="c" type="submit" value="新增" />
</div>
</div>
</form>
</body>
</html>