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

news2025/7/11 14:48:41

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1103282.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

tortoise 快捷操作分支合并

请大佬来看看有没有问题&#xff1f;&#xff0c;补充一下 1.创建新分支&#xff1a;bbb 2.在分支中修改我需要的功能 3.提交&#xff0c;本地代码&#xff0c;分支可推送&#xff0c;也可不推送到远端 4. 切换到需要合并的目标分支master&#xff0c;然后点击分支合并&#x…

Java并发面试题:(四)synchronized和lock区别

synchronized 关键字 synchronized关键字解决的是多个线程之间访问资源的同步性&#xff0c;synchronized关键字可以保证被它 修饰的方法或者代码块在任意时刻只能有一个线程执行。 另外&#xff0c;在 Java 早期版本中&#xff0c; synchronized属于重量级锁&#xff0c;效率…

“Web 3.0引领未来:下一代互联网技术将来袭!“

"下一代互联网技术&#xff0c;称为Web 3.0或Web3&#xff0c;主要利用机器学习、人工智能&#xff08;AI&#xff09;和区块链技术。" 与 Web2 相比&#xff0c;Web3 为消费者提供了对其在线数据的更多自主权&#xff0c;而Web2 专注于托管在”集中式“网站上的用户…

rv1126-rv1109-yaffs2-mkyaffs2image610

今天使用了一下yaffs2功能 就是生成一个yaffs的包 从移植的角度先生成ro_1109.yaffs包 烧录进去 操作步骤&#xff1a; 创建和生成ro文件夹和 mkyaffs2image610可执行程序 然后用 fakeroot ./mkyaffs2image610 ro ro_1109.yaffs 1 2生成了ro_1109.yaffs 例&#xff1a; …

无人机航拍图像拼接与目标识别

一、简介 无人机用来做图像侦察是常见功能&#xff0c;现有技术基本是无人机对某片区域进行飞行&#xff0c;人工实时监控飞行图像&#xff0c;将图像录制成视频供事后回放。此方法对人员业务要求比较高、反应速度足够快、不利于信息收集、录制视频丢失空间信息、对于后期开展区…

Ubuntu20网络总是连接失败,查看ip只有ipv6,没有ipv4

对于连接失败。 将网络适配器改成桥接模式。 原先使用的 NAT模式导致连接失败。 对于只有ipv6没有ipv4 是因为没有勾选桥接模式的物理状态。 当然可能还有其他原因&#xff0c;其他的就只能百度了。 继续点击网络适配器。 勾选复制物理网络连接状态。

【分享】一个基于 Python 开发的12306 抢票项目,快来学习!

哈喽&#xff0c;大家好&#xff0c;我是木易巷~ 12306抢票软件 "黄金周" 十一黄金周如约而至&#xff0c;这意味着某些开源项目又将迎来一次繁荣的热潮。这次&#xff0c;上榜的是一个与 12306 抢票相关的脚本&#xff0c;它基于 Python 编写&#xff0c;具备自动…

超全整理,性能测试——数据库索引问题定位+分析(详细)

目录&#xff1a;导读 前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结&#xff08;尾部小惊喜&#xff09; 前言 1、数据库服务器添…

堆排序代码模板

#include<iostream> using namespace std; const int N 1e5 9; int h[N], n, m, Size;//小根堆//u表示三个点中的根节点 void down(int u) {int t u;//设t为三个点中最小的那个点//如果左儿子存在并且小于根节点就将左儿子赋值给tif (u * 2 < Size && h[u …

SourceTree 这是一个无效的源路径/URL

原因&#xff1a;权限检测出现问题 解决&#xff1a; ssh-add /Users/haijunyan/.ssh/id_rsa ssh-add -K /Users/haijunyan/.ssh/id_rsa 稍后&#xff0c;重新测试&#xff1a; 备注&#xff1a; https://www.ngui.cc/el/1727107.html?actiononClick

哪些企业适合做私域?

什么是私域&#xff1f; 简单直白来说&#xff0c;就是不用花钱就可以触达客户的渠道。私域流量就是私人的流量&#xff08;不用花钱&#xff09;。 哪些企业适合做私域&#xff1f; 》复购率高 比如美妆护肤产品行业、餐饮等快消品行业。 可通过群发推广消息、朋友圈营销和在…

01案例 - 财政收入影响因素分析及预测模型

01案例 - 财政收入影响因素分析及预测模型 案例背景 在我国现行的分税制财政管理体制下&#xff0c;地方财政收人不仅是国家财政收入的重要组成部分&#xff0c;而且具有其相对独立的构成内容。如何有效的利用地方财政收入&#xff0c;合理的分配&#xff0c;来促进地方的发展…

React create-react-app 里配置代理(解决跨域)

配置代理&#xff1a; creact-react-app v5 当然不是v5 下面的方法也适用。 方式一&#xff1a;package.json里配置 其实 cra里给了个简单的配置代理 就是在package.json里加上proxy就行了。 修改时需要 npm start重新运行一下&#xff0c;要不然可能不生效。 proxy只能以 h…

vueday02——使用naive-ui做一个ACM看榜

效果展示&#xff1a; 组件导入 <n-data-table:data"data":columns"column":bordered"true":single-line"false"/> 行数据导入数据结构 {key: 1,index: 2,name: user Name2,passNum:0,// age: 42,college: JiShou University…

Java RSA密钥从RSAPrivateKey和RSAPublicKey对象中,分别提取模和指数

概述&#xff1a; 在Java编程中&#xff0c;我们经常用到如下一段代码来生成RSA公私钥&#xff0c;分别拿到公私钥然后加解密计算&#xff1a; KeyPairGenerator keyPairGen; keyPairGen KeyPairGenerator.getInstance("RSA"); keyPairGen.initialize(2048, new S…

竞赛选题 深度学习YOLO抽烟行为检测 - python opencv

文章目录 1 前言1 课题背景2 实现效果3 Yolov5算法3.1 简介3.2 相关技术 4 数据集处理及实验5 部分核心代码6 最后 1 前言 &#x1f525; 优质竞赛项目系列&#xff0c;今天要分享的是 &#x1f6a9; 基于深度学习YOLO抽烟行为检测 该项目较为新颖&#xff0c;适合作为竞赛课…

C-Net:用于乳腺超声图像分割的具有全局指导和细化残差的级联卷积神经网络

C-Net 期刊分析摘要贡献方法整体框架1. Bidirectional attention guidance network (BAGNet)2. Refinement residual network (RFNet) 实验1. 对比实验2. 消融实验 可借鉴参考 期刊分析 期刊名&#xff1a; Computer Methods and Programs in Biomedicine 期刊信息&#xff1a…

圣树唤歌最强阵容2023,圣树唤歌阵容推荐

无疑圣树唤歌作为一款备受欢迎的手机游戏&#xff0c;其深刻的战斗系统一直以来都受到大家的追捧。在这个虚拟世界中胜利的关键在于组建一支无懈可击的强大队伍&#xff0c;要想成为强者&#xff0c;就必须拥有最强阵容。 关注【娱乐天梯】&#xff0c;获取内部福利号 在本篇攻…

【C++11新特性】右值引用和移动语义(移动构造,移动赋值)

文章目录 前言一、列表初始化&#xff08;不同于初始化列表&#xff09;二、initializer_list三、decltype关键字四、nullptr五、右值引用移动拷贝和移动赋值被编译器识别成将亡值的原因 左值引用和右值引用的场景和价值右值引用的场景move函数 六、关于右值引用的功能和属性问…