1,实验代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用户反馈表单</title>
</head>
<body>
<form>
<fieldset>
<h1>用户反馈</h1>
<hr/>
<h4>亲爱的用户:</h4>
<p>
感谢您对MobileShop的支持,您对MobileShop有任何意见和建议,或在使用过程中遇到问题,<br>
都可以在本页进行反馈,我们会认真阅读你的反馈,不断优化产品,为你提供更好的服务!
</p>
<form>
<fieldset>
<label>
1,你常用的账号名是?<input type="text" id="userName" placeholder="请输入账号名"/>
</label>
<br />
<label>
2,你常用电话号码是?<input type="text" id="phone" placeholder="请输入电话号码"/>
</label>
<br>
3,您对目前当当网首页的整体满意度如何?<br/>
<input type="radio" name="contentment" value="满意"/>满意<br />
<input type="radio" name="contentment" value="一般"/>一般<br />
<input type="radio" name="contentment" value="不满意"/>不满意<br />
<input type="radio" name="contentment" value="还行"/>还行<br />
<p> 4,你访问页面速度的情况?</p>
<input type="radio" name="speed" value="很快"/>很快<br />
<input type="radio" name="speed" value="一般"/>一般<br />
<input type="radio" name="speed" value="较慢"/>较慢<br />
<p>5,你从哪里知道MobileShop?</p>
<input type="checkbox" value=""/>朋友推荐<br />
<input type="checkbox" value=""/>线下传单<br />
<input type="checkbox" value=""/>线上广告<br />
其他渠道:<input type="text" id="other" placeholder="请输入"/>
<p>6,你的意见和建议?</p>
<textarea name="suggest" cols="50" rows="3"></textarea>
<p>7,你住在哪个城市?</p>
<select size="1">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="shenzhen">深圳</option>
<option value="guangzhou">广州</option>
</select>
<select size="2">
<option value="beijing">北京</option>
<option value="shanghai">上海</option>
<option value="shenzhen">深圳</option>
<option value="guangzhou">广州</option>
</select>
<p>8,你在这里最喜欢买什么商品?</p>
<select size="8">
<optgroup label="食品类">
<option value="ganguo">干果</option>
<option value="mianbao">面包</option>
<option value="shengxian">生鲜</option>
<option value="jiu">酒</option>
</optgroup>
<optgroup label="服装类">
<option value="nanzhuang">男装</option>
<option value="nvzhuang">女装</option>
<option value="yinerfuzhuang"婴儿服装></option>
</optgroup>
<p>9,上传你的头像?</p><input type="file"/>
<input type="submit" value="提交">
<button type="submit">提交</button>
</select>
</fieldset>
</form>
</fieldset>
</form>
</body>
</html>
2,实验结果