<form> 标签定义及用法 在html中, <form> 标签是使用来创建供用户输入的 html表单,在网页中很常见,比如:注册和登录页面就是用表单实现的。

form的常用属性分别有<form action=”提交地址” method=”提交方式”>表单内容</form>

<form> 标签中通常会有很多子元素，用来定义各种交互控件（文本字段、复选框、单选框、提交按钮等等），比如< input>、< button>、< select>、< textarea> 等标签

值	描述
button	定义可点击的按钮（通常与 JavaScript 一起使用来启动脚本）。
checkbox	定义复选框。
color	定义拾色器。
date	定义 date 控件（包括年、月、日，不包括时间）。
datetime	定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，基于 UTC 时区）。
datetime-local	定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，不带时区）。
email	定义用于 e-mail 地址的字段。
file	定义文件选择字段和 “浏览…” 按钮，供文件上传。
hidden	定义隐藏输入字段。
image	定义图像作为提交按钮。
month	定义 month 和 year 控件（不带时区）。
number	定义用于输入数字的字段。
password	定义密码字段（字段中的字符会被遮蔽）。
radio	定义单选按钮。
range	定义用于精确值不重要的输入数字的控件（比如 slider 控件）。
reset	定义重置按钮（重置所有的表单值为默认值）。
search	定义用于输入搜索字符串的文本字段。
submit	定义提交按钮。
tel	定义用于输入电话号码的字段。
text	默认。定义一个单行的文本字段（默认宽度为 20 个字符）。
time	定义用于输入时间的控件（不带时区）。
url	定义用于输入 URL 的字段。
week	定义 week 和 year 控件（不带时区）。

// <select>中至少包含一对<option>
// <option>中定义selected=”selected”时，当前项即为默认选中

        你的技能：
        <select>
            <option>--技能--</option>
            <option>内鬼</option>
            <option>刮痧</option>
            <option>鸽子</option>
            <option>摸鱼</option>
            <option>混子</option>
        </select>
        你的特长：
        <select>
            <option>--特长--</option>
            <option>画画</option>
            <option>唱歌</option>
            <option>写作</option>
            <option>整活</option>
            <option>看嘉然</option>
        </select>

// 当输入较多内容情况下可以使用<textarea>标签美化显示
// <textarea>用于定义多行文本输入控件；常用于留言板，评论
// <textarea>中的属性 cols=”每行中的字符数” row=”显示的行数”(实际我们用CSS编辑样式)

<textarea 
  style="height: 70px;width: 50%;text-align: center;"
   onfocus="javascript:if(this.value=='在此输入内容')this.value='';">
在此输入内容
</textarea>

在此输入内容