• html问卷调查

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>调查问卷页面title>
    6. 		<style>
    7. 			body{
    8. 				background-color: gray;
    9. 			}
    10. 			.index{
    11. 				margin: auto;
    12. 				width:920px;
    13. 				background-color: white;
    14. 				box-shadow:10px 10px 15px black;
    15. 				margin-top:10px;
    16. 			}
    17. 		    h1{
    18. 				color:orange;
    19. 				padding-top:30px;
    20. 				text-align:center;
    21. 			}
    22. 			form{
    23. 				padding-left: 100px;
    24. 				line-height:180%;
    25. 			}
    26. 			input{
    27. 				border-color: black;
    28. 				border-top-width:0px;
    29. 				border-right-width:0px;
    30. 				border-bottom-width:2px;
    31. 				border-left-width:0px;
    32. 			}
    33. 			#btn{
    34. 				background-color: #FFA500;
    35. 				color:white;
    36. 				padding:5px 10px;
    37. 				margin-left:320px;
    38. 				margin-top:16px;
    39. 				margin-bottom: 20px;
    40. 			}
    41. 		style>
    42. 	head>
    43. 	<body>
    44. 		<div class="index">
    45. 			<h1>孩子对体育兴趣调查问卷h1>
    46. 			<hr color="orange" width="700px" />
    47. 			<form method="post" action="URL">
    48. 				<ol>
    49. 					<li>您的教育程度是？li>
    50. 					<label><input type="radio" name="education" value="1" required />  高中   label>
    51. 					<label><input type="radio" name="education" value="2" />  大专   label>
    52. 					<label><input type="radio" name="education" value="3" />  本科   label>
    53. 					<label><input type="radio" name="education" value="4" />  硕士研究生   label>
    54. 					<label><input type="radio" name="education" value="5" />  博士及以上 label>
    55. 					<li>您孩子的年龄是？li>
    56. 					<label><input type="radio" name="age" value="1" required />  3岁以下   label>
    57. 					<label><input type="radio" name="age" value="2" />  5岁以下   label>
    58. 					<label><input type="radio" name="age" value="3" />  8岁以下   label>
    59. 					<label><input type="radio" name="age" value="4" />  10岁以下   label>
    60. 					<label><input type="radio" name="age" value="5" />  12岁以下 label>
    61. 					<li>您是否支持孩子学习体育？li>
    62. 					<label><input type="radio" name="use" value="1" required />  非常支持   label>
    63. 					<label><input type="radio" name="use" value="2" />  支持   label>
    64. 					<label><input type="radio" name="use" value="3" />  一般   label>
    65. 					<label><input type="radio" name="use" value="4" />  不支持   label>
    66. 					<li>如果支持您想要孩子学哪些？（可多选）li>
    67. 					<label><input type="checkbox" name="how" value="1" />  篮球label><br />
    68. 					<label><input type="checkbox" name="how" value="2" />  足球label><br />
    69. 					<label><input type="checkbox" name="how" value="3" />  乒乓球label><br />
    70. 					<label><input type="checkbox" name="how" value="4" />  橄榄球label><br />
    71. 					<label><input type="checkbox" name="how" value="5" />  排球label><br />
    72. 					<label><input type="checkbox" name="how" value="6" />  田径label><br />
    73. 					<label><input type="checkbox" name="how" value="7" />  以上均不感兴趣label><br />
    74. 				ol>
    75. 				您的姓名  <input type="text" name="username" required />
    76. 				  您的职业  <input type="text" name="occupation" required />
    77. 				  联系电话  <input type="tel" name="tele" required />
    78. 				<br />
    79. 				<button id="btn" type="submit">提交问卷button>
    80. 				
    81. 			form>
    82. 		div>
    83. 	body>
    84. html>
    85.

  • 相关阅读:
    记vue-pdf踩坑过程
    流媒体文件以及网络应用直播技术
    Shell脚本相互调用并指定返回值
    Sprinig Boot优雅实现接口幂等性
    详聊设计模式之动态代理
    python中log的使用以及日志打印的介绍
    使用Minikube+docker+harbor+k8s自动化部署 @by_TWJ
    HTML语义标签
    电子电子架构——AUTOSAR信息安全机制有哪些（下）
    【无公网IP内网穿透】 搭建Emby媒体库服务器并远程访问「家庭私人影院」
  • 原文地址：https://blog.csdn.net/m0_71088505/article/details/128194069