html学习笔记

最新推荐文章于 2023-01-12 15:14:08 发布

fengsigaoju

最新推荐文章于 2023-01-12 15:14:08 发布

阅读量451

点赞数

分类专栏： html/CSS学习笔记

本文链接：https://blog.csdn.net/fengsigaoju/article/details/47177037

版权

html/CSS学习笔记专栏收录该内容

5 篇文章 0 订阅

订阅专栏

//这个白天大夏天去做劳力了~~，所以看的时间少了（找个理由，哈哈），不过终于看到表单了，之前都用问卷星之类的，终于可以装模做样了（虽然只是样子，不好交互。。。）

表单

action用于指定表单数据提交到哪个地址进行处理

</form>

name用于给表单命名，主要是为了防止表单提交到后台引起混乱,所以这个好习惯还是现在养起吧~~

</form>

method主要是提交到服务器进行数据处理时用哪种http提交方式,可取值为get和post

</form>

表单对象

例：

姓名

这里name依然为表单名称，可以随便修改，text表示是文字,size表示字体大小，maxlength表示最多可以输入的字符数(名字还好说，比如说年龄什么的，最多3位吧。。。)

另外还有

value="默认值"表示框框里初始值，比如初始默认为哪座城市

type 类型还可以是password,他使输入的字符全部以"*"结尾

例<input name="name2"type="password"size="15"maxlength="9">

单选按钮radio

name老样子，就是一个名字

type必须是radio,

value对于同一个题目来说，所有的单选按钮最好都相同(但名字本身并没有要求）和name的区别就是name每个按钮最好都不同，而value只有不同题目才不同~~

男

女

上面还有一个checked这个是当选项开始时，就已经有一个点出现在一个选项上，当然只能有一个（选了多个还叫什么单选按钮呢~~）

复选框

同理了

提交按钮submit

做完问卷总要提交的~~

重置按钮reset

注意1所有以上value,name都可以任意修改，但是type不能修改

2 所有内容必须嵌套在表单中,即

题目1.。。。。。。。。。。。。。

选项一

<br/">//有时会自己换，有时不会

选项二

</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:tyqsyt@126.com">您可以在此处告诉我您的建议和意见</p>
</body>

</html>