HTML学习之表单,iframe框架,颜色,JS,字符实体,URL

HTML表单,后续代码只附body部分,整个结构不做赘述

表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签 form来设置:

<form>
input 元素
</form>

HTML表单标签

标签		描述
<form>	定义供用户输入的表单
<input>	定义输入域
<textarea>	定义文本域 (一个多行的输入控件)
<label>	定义了 <input> 元素的标签，一般为输入标题
<fieldset>	定义了一组相关的表单元素，并使用外框包含起来
<legend>	定义了 <fieldset> 元素的标题
<select>	定义了下拉选项列表
<optgroup>	定义选项组
<option>	定义下拉列表中的选项
<button>	定义一个点击按钮
<datalist>	指定一个预先定义的输入控件选项列表
<keygen>	定义了表单的密钥对生成器字段
<output>	定义一个计算结果

文本域

文本域通过input type=“text” 标签来设定，当用户要在表单中键入字母、数字等内容时，就会用到文本域。同时可以设置密码字段

<!--点击确认按钮表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收
到的输入数据进行相关的处理。,点击重置按钮则会重置数据-->
<form action="demo-form.php">
  First name: <input type="text" name="firstname"><br>
  Last name: <input type="text" name="lastname"><br>
  Password: <input type="password" name="pwd"><br>
  <input type="reset" value="重置">
  <input type="submit" value="提交">
</form>

创建按钮和单选按钮

input type=“radio” 标签定义了表单单选框选项.同一组的单选按钮，name 取值一定要一致.
value：提交数据到服务器的值（后台程序PHP使用）
name：为控件命名，以备后台程序 ASP、PHP 使用
checked：当设置 checked=“checked” 时，该选项被默认选中

<form action="demo-form.php" method="get">
  <input type="button" value="Hello world!"><br><br>
  <input type="radio" name="sex" value="Male"> Male<br>
  <input type="radio" name="sex" value="Female" checked="checked"> Female<br>
  <input type="submit" value="提交">
</form>