04 列表和表单

标签：形式   enter   size   table   box   选项   说明   max   none   

1. 列表标签

去掉列表默认的样式：li { list-style: none; }

1.1 有 / 无序列表

1.2 自定义列表

适用于对术语或名词进行解释和描述（通常用作网站底部竖排链接）

<dl>
  <dt>名词1</dt>
  <dd>名词1解释1</dd>
  <dd>名词1解释2</dd>
  ...
  <dt>名词2</dt>
  <dd>名词2解释1</dd>
  <dd>名词2解释2</dd>
  ...
</dl>

2. 表单标签

一个完整的表单通常由表单控件（也称为表单元素）、提示信息、表单域3个部分构成

2.1 input 控件

输入的控件，根据不同的属性值用来指定输入的功能

语法：<input type="text" />

• type 属性（表单类型）

• 其他属性

2.2 label 标签

用于绑定表单和元素，当点击文字的时候，光标会定位到指定的表单里面

方式一：用 label 包含 input 控件

<label>用户名：<input type="text"></label>

方式二：label 用 for 属性绑定 input 控件的 id

<label for="sex">男</label>
<input type="radio" id="sex">

2.3 textarea 控件

可以输入多行文本的输入框

语法：<textarea >文本内容</textarea>

属性：cols="每行中的字符数" rows="显示的行数"（不常用）

2.4 select 控件

多个选项让用户选择的下拉列表

<select>
  <option>选项1</option>
  <option>选项2</option>
  <option>选项3</option>
  ...
</select>

option 属性：selected="selected" 当前项为默认选中项

3. form表单域

通过form表单域收集表单控件的信息传递给服务器

<form action="url地址" method="提交方式" name="表单名称">
  各种表单控件
</form>

04 列表和表单

标签：形式   enter   size   table   box   选项   说明   max   none   

原文地址：https://www.cnblogs.com/wzos/p/12851840.html