表格、列表及表单

表格

表格创建

#table用于定义一个表格标签 #tr用于定义表格中的行，必须嵌套在 table标签中 ... # td用于定义表格中的单元格，必须嵌套在<tr></tr>标签中

单元格内的文字

表格属性

/*cellspacing 规定单元格之间的空间；cellpadding规定单元边沿与其内容之间的空白；border规定表格边框的宽度。*/

单元格内的文字

表格标题

#caption定义的标题会被居中且显示于表格之上

表格标题

合并单元格

跨行合并：rowspan=“合并单元格的个数”
跨列合并：colspan=“合并单元格的个数”

单元格文字 单元格文字 #合并顺序先上后下先左后右

列表及表单

无序列表

• 列表选项1
• 列表选项2
• 列表选项3
• ......

中只能嵌套

• \

  有序列表

  1. 列表选项1
  2. 列表选项2
  3. 列表选项3
  4. ......

  自定义列表

  #表示自定义列表 选项1

  选项1解释1

  选项1解释2

  ... 选项2

  选项2解释1

  选项2解释2

  /*

  为并列关系*/ ...

  \

  input表单

  包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。
  
  #input为单标签
  #type属性设置不同的属性值用来指定不同的控件类型
  #value用来设置表单想刚打开页面就默认显示的文字

  type属性值 属性描述
  text 定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符
  password 定义密码字段。该字段中的字符被掩码。
  button 定义可点击按钮。
  submit 定义提交按钮。提交按钮会把表单数据发送到服务器。
  reset 定义重置按钮。重置按钮会清除表单中的所有数据。
  file 定义输入字段和 "浏览"按钮，供文件上传。
  checkbox 定义复选框。
  image 定义图像形式的提交按钮。
  radio 定义单选按钮。
  name属性<
  input type=“text” name=“username” />
  #name主要作用是用于区别不同的表单

  checked属性

  性 别:
  男
  女
  #checked表示默认选中项，即默认选择性别”男“

  textarea文本域

  文本内容 **区分：textarea用于创建多行输入的文本框，通常用于留言板等；text只显示一行文本，通常用于用户名、密码等。**

  select下拉列表

  选项1 选项2 选项3 #select中至少包含一对option ... **在option 中定义selected =" selected "时，当前项即为默认选中项。** 选项 #列表默认选中选项1 选项2 选项3

  form表单域

  form action=“url地址” method=“提交方式” name=“表单名称”>
  表单控件

  未经本人允许不得转载