web前端基础训练-----创建用户反馈表单

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,实验结果

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值