表单标签及表格标签

表单标签

  <form>表单标签,用于收集信息,例登录注册等。action属性指定后台程序网址,method属性设置提交方式(get/post)

  内嵌<input>标签,使用type属性设置控件类型:

  • type="text",单行文本框,value属性设置默认选项,placehold属性显示提示文字,disable属性锁死文本框,requird属性设置必填。
  • type="radio",单选按钮,value属性的值设置向服务器提交的值,checked属性设置默认勾选,互斥的单选按钮需设置name属性相同。
  • type="checkbox",复选框,value属性的值设置向服务器提交的值,同组互斥的选项name属性相同。
  • type="password",密码框。
  • type="button",普通按钮。value属性为按钮显示的文字。
  • type="submit",提交表单。
  • type="reset",重置表单。
  • type=“file”,提交文件。   multiple属性设置多文件上传。

  <lable>标签将文字和单选按钮进行绑定,即点击文字可选中按钮。html4,<lable>标签使用for属性绑定<input>的id。HTML5,使用<lable>标签包裹单个按钮。

  <select>标签,下拉菜单,子标签只有<option>,子标签需设置value。selected默认选中。

  <textarea>标签,多行文本框。rows,cols属性定义行列数。

  <datalist>标签为输入框提供备选项,标签只有<option>,子标签需设置value。id属性与<input>的List属性绑定。

 表格标签

<table>标签,即表格。width属性设置宽度,border属性设置表格边框宽度。 

  <tr>,表格子标签,即表格行。

    <td>,表格行子标签,即表格数据,单元格。colspan属性设置列跨度,例(colspan="2").每个<tr>里的<td>加colspan相等。rowspan属性设置行跨度。

  <caption>,表格的第一个子标签,设置表格标题。

  <th>,标题小格,文本加粗居中对齐。

 

posted @ 2022-01-23 00:09  无趣鲸鱼  阅读(274)  评论(0)    收藏  举报