HTML 重要属性 #

• a[href,target]
• img[src,alt]
• table td[colspan,rowspan]
• form[target,method,enctype]
• input[type,value]
• button[type]
• select>option[value]
• label[for]

a[href,target] #

a[href,target] ：其作用是创建一个超链接，它可以用于将网页之间，或者不同网页之间的信息连接在一起。

• href 属性定义了链接的指向。
• target 属性定义了在何处打开链接的内容。

img[src,alt] #

img[src,alt] ：其作用是在网页中插入图片。

• src 属性指定图片的位置。
• alt 属性定义了当图片无法加载时，浏览器显示的文本内容。

table td[colspan,rowspan] #

• colspan 属性允许将单个单元格扩展到多列，这意味着单元格占据了其他单元格的位置。
• rowspan 属性允许水平拓展单元格，这意味着单元格会占据多行。

form[target,method,enctype] #

<form> 是 HTML 中表示表单的标签，可以通过 target、method 和 enctype 属性来指定表单的提交目标、提交方式和编码方式。

• target 属性用于指定提交表单后的响应的窗口或框架。其常见取值有：

  • _self：在当前窗口或框架中打开响应；
  • _blank：在新窗口或标签页中打开响应；
  • _parent：在父窗口或框架中打开响应；
  • _top：在顶层窗口中打开响应；
  • 自定义窗口或框架的名称。

• method 属性用于指定提交表单时使用的 HTTP 方法。其常见取值有：

  • GET：使用 URL 查询字符串提交表单数据；
  • POST：使用 HTTP 请求正文提交表单数据；

• enctype 属性用于指定提交表单时使用的编码类型。其常见取值有：

  • application/x-www-form-urlencoded：默认值，将表单数据编码为 URL 查询字符串格式；
  • multipart/form-data：将表单数据编码为多部分格式，用于上传文件等二进制数据；
  • text/plain：将表单数据编码为纯文本格式，用于调试或特定应用场景。

例如，以下表单会在提交时使用 POST 方法，将数据以 multipart/form-data 编码方式发送到名为 myframe 的 iframe 中：

<form target="myframe" method="POST" enctype="multipart/form-data">
  <!-- 表单控件 -->
</form>

<form target="myframe" method="POST" enctype="multipart/form-data">
  <!-- 表单控件 -->
</form>

input[type,value] #

• <input> 元素是 HTML 表单控件，用于创建可输入数据的控件接收用户输入的数据，常见的类型包括文本输入框、密码输入框、单选按钮、复选框等。

• type 属性指定 <input> 元素的类型，可能的值有：文本、密码、复选框、单选按钮、提交按钮等。常见的取值包括：

  • text ：文本输入框。
  • password ：密码输入框。
  • radio ：单选按钮。
  • checkbox ：复选框。
  • submit ：提交按钮。
  • reset ：重置按钮。
  • button ：普通按钮。
  • file ：文件上传输入框。

• value 属性用于指定 <input> 元素的默认值或提交表单时的值，如文本框，该值将成为用户此时正在输入的文本。

  TIP

  某些类型的 <input> 元素，如单选按钮和复选框，其 value 属性不一定与用户所看到的标签文本相同，因此在样式选择时需要注意。

button[type,value] #

• type 属性用于指定按钮的类型，可接收值：

  • button：普通按钮
  • submit：表单提交按钮
  • reset：重置按钮

• value 属性用于指定按钮上显示的文本。

<input type="submit" name="submit" value="提交" />

<input type="submit" name="submit" value="提交" />

select>option[value] #

• select 元素用于创建下拉列表

• option 元素则用于定义列表中的选项

• value 属性指定了要提交给服务器的值，是 option 元素的一个属性，用于指定列表中每个选项的值。

  TIP

  需要注意的是，value 属性是可选的，如果没有设置，则选项元素的值将默认为其文本内容。在这种情况下，可以使用 option 元素的 :nth-child 等伪类选择器来选择指定位置的选项元素。

label[for] #

<label> 标签定义 label 元素，用于把文本标记为表单字段的说明，以及作为可点击元素激活或向其他位置导航。

for 属性：该属性与 input 元素的 id 属性匹配，使得文本框和 label 元素有关联，这意味着它们之间形成一个组，增强表单的可用性和可访问性。如果用户点击 <label> 中的文字，就会激活该文本框，使用户能够方便地进行数据输入或选择。

<label for="email">Email address:</label><br />
<input type="text" id="email" name="email" />

<label for="email">Email address:</label><br />
<input type="text" id="email" name="email" />