//这个白天大夏天去做劳力了~~,所以看的时间少了(找个理由,哈哈),不过终于看到表单了,之前都用问卷星之类的,终于可以装模做样了(虽然只是样子,不好交互。。。)
表单
action用于指定表单数据提交到哪个地址进行处理
<form action="表单处理的地址">
</form>
name用于给表单命名,主要是为了防止表单提交到后台引起混乱,所以这个好习惯还是现在养起吧~~
<form name="表单名称">
</form>
method主要是提交到服务器进行数据处理时用哪种http提交方式,可取值为get和post
<form method="传送方法">
</form>
表单对象
例:
姓名
<input name="name"type="text"size="15"maxlength="2"/>
这里name依然为表单名称,可以随便修改,text表示是文字,size表示字体大小,maxlength表示最多可以输入的字符数(名字还好说,比如说年龄什么的,最多3位吧。。。)
另外还有
value="默认值"表示框框里初始值,比如初始默认为哪座城市
type 类型还可以是password,他使输入的字符全部以"*"结尾
例<input name="name2"type="password"size="15"maxlength="9">
单选按钮radio
<input name="单选按钮名称"type="radio"value="单选按钮的取值">
name老样子,就是一个名字
type必须是radio,
value对于同一个题目来说,所有的单选按钮最好都相同(但名字本身并没有要求)和name的区别就是name每个按钮最好都不同,而value只有不同题目才不同~~
<input type="radio"name="radiobutton"value="radiobutton"checked="checked"/>
男
<input type="radio"name="radiobutton2"value="radiobutton">
女
上面还有一个checked这个是当选项开始时,就已经有一个点出现在一个选项上,当然只能有一个(选了多个还叫什么单选按钮呢~~)
复选框
<input name="复选框名称"type="checkbox"value="复选框的值">
同理了
提交按钮submit
做完问卷总要提交的~~
<input type="sumbit"name="按钮名称"value="按钮取值">
重置按钮reset
<input type="reset"name="按钮名称"value="按钮取值">注意1所有以上value,name都可以任意修改,但是type不能修改
2 所有内容必须嵌套在表单中,即
<form action="...",method="post"name="...">
题目1.。。。。。。。。。。。。。
<input type="radio"name="..."value="...">
选项一
<br/">//有时会自己换,有时不会
<input type="radio"name="..."value="...">
选项二
</form>
附自己的尝试
<html>
<head>
<meta http-equiv="content-type"content="text/html";charset="gb2312"/>
<meta name="keywords"contant="大学生恋爱问题">
<meta name="description"contant="你如何看待大学生恋爱问题">
<meta name="author"contant="凤思高举">
<title>你如何看待大学生恋爱问题</title>
<body background="4b9e105f95b5fe9de77872454f0553a0.jpeg">
<b><h1 align="center"style="color:#0000ff;">你如何看待大学生恋爱问题</h1></h1></b>
<br><marquee direction="right"behavior="alternate"scrollamount="8"><h1 style="color:#00ff00;">感谢你支持小宋的工作</h1></marquee></br>
<b><h3>首先,请问您的性别</h3><b>
<form action="index.html"method="post"name="form1">
<input name="radiobutton"type="radio"value="radiobutton"checked="checked"/>
男
<input name="radiobutton"type="radio"value="radiobutton">
女
</form>
<b><h3>请问你大学之前谈过恋爱吗(如果侵犯了您的隐私,可以跳过)</h3></b>
<form action="index.html"method="post"name="form2">
<input name="radiobutton2"type="radio"value="radiobutton2">
有
<input name="radiobutton2"type="radio"value="radiobutton2">
没有
<b><h3>你认为大学生谈几次恋爱比较合适</h3></b>
<form action="index.html"method="post"name="form3">
<input name="radiobutton3"type="radio"value="radiobutton3"checked="checked"/>
我不认为大学生应该谈恋爱
<br>
<input name="radiobutton3"type="radio"value="radiobutton3">
1次
<input name="radiobutton3"type="radio"value="radiobutton3">
2次
<input name="radiobutton3"type="radio"value="radiobutton3">
3次及以上
</form>
<b><h3>你认为大学生可能会在哪些场合(或活动)遇到相爱的人(多选题)</h3></b>
<form action="index.html"method="post"name="form4">
<input name="checkbox"type="checkbox"value="checkbox">
操场
<input name="checkbox"type="checkbox"value="checkbox">
图书馆
<input name="checkbox"type="checkbox"value="checkbox">
社团活动
<input name="checkbox"type="checkbox"value="checkbox">
同班教室
</form>
<b><h3>你认为大学恋爱的原因(多选题)</h3></b>
<form action="index.html"method="post"name="form6">
<input name="checkbox2"type="checkbox"value="checkbox2">
大学生活空虚
<input name="checkbox2"type="checkbox"value="checkbox2">
一见钟情
</form>
<b><h3>在谈恋爱之前会让父母知道吗</h3></b>
<form action="index.html"method="post"name="form7">
<input name="radiobutton5"type="radio"value="radiobutton5"checked="checked"/>
会
<input name="radiobutton5"type="radio"value="radiobutton5"checked="checked"/>
不会
<br>
<input type="submit"name="submit"value="提交"/>
</form>
<p><a href="mailto:[email protected]">您可以在此处告诉我您的建议和意见</p>
</body>
</html>