当前位置：首页 > news >正文

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

news 2025/6/23 8:06:03

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