html和css的标签与代码简析

<form></form> 表单标签，语法：<form method="传送方式" action="服务器文件">
网站与用户进行交互，HTML是通过表单来进行的，浏览者输入的数据通过表单由浏览器传送到服务器端，服务器端程序接收到表单传过来的数据后，进行处理与反馈，达到交互过程。

method，是数据的传送方式，分别有 get 和 post 方式
action，是浏览者输入的数据要提交到的服务器端网址

在<form></form>表单中间，就是表单控件了，有：文本框、文本域、按钮、单选框、复选框等，它们必需在<form></form>表单中间，不然无法提交到服务器端

<input> 输入框标签，用来做文本输入框或密码输入框时，语法：<input type="输入框类型" name="名称" value="文字值" /> 。用来做单选框或多选框时，语法：<input type="输入框类型" name="名称" value="值" checked="checked"/>

type：当type=”text”时，输入框为文本输入框；当type=”password”时, 输入框为密码输入框；当type=”radio”时，控件为单选框；当type=”checkbox”时，控件为多选框；
name：为控件框命名，以让后台ASP或PHP等程序例用
value：为提交到服务器的数据值，当为空时，框为空，用户输入的为值，当设置值时，提交表单为该值。
checked：当设置 checked=”checked” 时，表示默认选中该项，用于单多选框

文本输入框和密码输入框输出形式：

<form action="https://zhangrongguo.com/aaa.php" method="post">
  姓名：
  <input type="text" name="myName">
  <br/>
  密码：
  <input type="password" name="pass">
</form>

文本输入框和密码输入框举例在浏览器的浏览器的显示效果如下：

姓名：
密码：

单选框和多选框输出形式：

<form action="https://zhangrongguo.com/aaa.php" method="post" >
    性别:
    男<input type="radio" name="gender" value="男" checked="checked"/>
    女<input type="radio" name="gender" value="女"/>
<br><br>你喜欢什么运动？
    <input type="checkbox" name="sport1" value="跑步"/>跑步
    <input type="checkbox" name="sport2" value="玩球"/>玩球
    <input type="checkbox" name="sport3" value="跳舞"/>跳舞
</form>

单选框和多选框举例在浏览器的浏览器的显示效果如下：

性别: 男 女

你喜欢什么运动？ 跑步 玩球 跳舞

<textarea></textarea> 文本域标签，用来输入大段或多行文字的，语法：<textarea rows="行数" cols="列数">文字</textarea>

rows：是设置文本域框的行数
cols：是设置文本域框的列数，由此组合成一个大的文本输入域，在
<textarea></textarea>标签之间可以输入默认值

举例输出形式：

<form action="https://zhangrongguo.com/aaa.php" method="post">
     <textarea rows="10" cols="50">在这里输入内容...</textarea>
</form>

以上举例在浏览器的浏览器的显示效果如下：

在这里输入内容…

<label></label> 关联标签，此标签不会向用户呈现任何特殊效果，作用是当用户点击label 标签内的文本时，触发此关联控件。通俗说，就是当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。语法：<label for=”控件id名称”>文本或关联控件</label>

点击数：1506