10 html简单问卷

html表单制作简单问卷

<!doctype html>

<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form action="./index.py" method="post" enctype="multipart/form-data">
<!-- text 普通文本输入框 -->
<!-- {"username":"请输入姓名"} -->
姓名:<input type="text" name="username" value="" placeholder="请输入姓名"><br>
<!-- password 密码输入框 -->
密码:<input type="password" name="password" placeholder="请输入密码"><br>


<!-- 单选框 radio name值必须相同-->
性别:<input type="radio" name="sex" value="1" checked>男
  <input type="radio" name="sex" value="0">女
<br>

<!-- 多选框 checkbox name值必须相同并且加[]-->
爱好:<input type="checkbox" name="like[]" value="f" checked>足球
  <input type="checkbox" name="like[]" value="b">篮球
  <input type="checkbox" name="like[]" value="l">看书

<br>
<!-- 文件上传 file -->
上传文件:<input type="file" name="file">

<br>
<!-- 文本域 textarea -->
个人简介:<br>
<textarea name="in" id="" cols="10" rows="10">最多不超过50字
</textarea>
<br>
籍贯:
<!-- 下拉框 select 必须要和option使用-->
<select name="add" id="">
<option value="b" selected>北京</option>
<option value="s">上海</option>
<option value="h">河北</option>
<option value="hn">河南</option>
<option value="sx">山西</option>
</select>

<!-- 提交按钮 -->
<br>
<input type="submit" value="提交">
<button>确定</button>
<input type="reset">
<input type="image" src="./images/reset.gif">
</form>

</body>
</html>
HTML调查问卷简单代码主要包括问题的展示和用户选择选项的收集。下面是一个简单HTML调查问卷代码示例: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>调查问卷</title> </head> <body> <h1>调查问卷</h1> <form action="submit.php" method="post"> <h2>问题1:您对我们的服务满意度如何?</h2> <input type="radio" name="satisfaction" value="满意">满意 <input type="radio" name="satisfaction" value="一般">一般 <input type="radio" name="satisfaction" value="不满意">不满意 <h2>问题2:您对产品质量满意度如何?</h2> <input type="radio" name="quality" value="满意">满意 <input type="radio" name="quality" value="一般">一般 <input type="radio" name="quality" value="不满意">不满意 <h2>问题3:您对我们的售后服务满意度如何?</h2> <input type="radio" name="aftersales" value="满意">满意 <input type="radio" name="aftersales" value="一般">一般 <input type="radio" name="aftersales" value="不满意">不满意 <h2>问题4:您对我们今后的改进方向有什么建议?</h2> <textarea name="suggestion" rows="5" cols="30"></textarea> <br><br> <input type="submit" value="提交"> </form> </body> </html> ``` 在这个示例代码中,有四个问题,每个问题都有相应的选择选项或者文本框收集用户的答案。最后的提交按钮用来提交用户的答案,将数据发送到`submit.php`页面进行处理。 上述代码中使用了`<input type="radio">`标签来创建单选按钮,所有同一问题的单选按钮的`name`属性设置为相同的值,以便只能选择其中一个选项。`<input type="submit">`标签用来创建提交按钮。`<textarea>`标签用来创建一个多行文本框,用于收集用户的建议。 当用户点击提交按钮后,表单数据将会被提交到`submit.php`页面进行处理,你可以根据自己的需求来编写处理数据的代码。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值