使用HTML5创建交互式调查问卷表格
最编程
2024-07-20 21:09:51
...
<htmllang="en"><head><metacharset="UTF-8"><title>状况调查问卷</title><styletype="text/css">table{
margin: 0 auto;padding: 0;width: 800px;font-size: 14px;border-collapse:collapse;border-color: #000000;}td{
height: 35px;padding: 4px;}input{
font-size: 14px;border: 0;}.btn{
width: 80px;height: 35px;border: none;background-color: #99ccff;color: #993564;}.kuan{
width: 100px;}.long{
width: 200px;}</style></head><body><formmethod="post"action=""><tableborder="1"cellpadding="0"cellspacing="0"align="center"><caption>状况调查问卷</caption><tr><tdcolspan="4"bgcolor="#00cc99">个人基本信息</td></tr><tr><td>
姓名:
<inputclass="kuan"type="text"name="username"/></td><td>
性别:
<inputclass="kuan"type="text"name="username"/></td><tdcolspan="2">
年龄:
<inputid="s1"type="radio"name="age"value="1"/><labelfor="s1">18以下</label><inputid="s2"type="radio"name="age"value="2"/><labelfor="s2">18-23</label><inputid="s3"type="radio"name="age"value="3"/><labelfor="s3">24-28</label><inputid="s4"type="radio"name="age"value="4"/><labelfor="s4">29-38</label></td></tr><tr><tdcolspan="2">
曾用名:
<inputclass="long"type="text"name="username"/>
（没有可不填）
</td><td>
婚姻状况：
<inputid="s1"type="radio"name="hunyin"value="1"/><labelfor="s1">未婚</label><inputid="s2"type="radio"name="hunyin"value="2"/><labelfor="s2">已婚</label></td><td>
宗教信仰：
<inputid="s1"type="radio"name="zongjiaoxinyang"value="1"/><labelfor="s1">有信仰</label>
<input id="s2" type="radio"name="zongjiaoxinyang" value="2"/>
<labelfor="s2">无信仰</label></td></tr><tr><td>
政治面貌:
<inputclass="kuan"type="text"name="username"/></td><tdcolspan="3">
联系电话:
<inputtype="text"name="username"/></td></tr><tr><tdcolspan="4">
学历：
<inputid="s1"type="radio"name="xueli"value="1"/><labelfor="s1">初中或以下；</label><inputid="s2"type="radio"name="xueli"value="2"/><labelfor="s2">高中或中专；</label><inputid="s3"type="radio"name="xueli"value="3"/><labelfor=
上一篇： 访问验证
下一篇： 跟着学Django - 第13课：玩转表单技术(上篇) - forms.form与forms.modelform详解