前端学习day6（表单标签1）

表单标签

1.表单标签使用目的∶收集用户信息

2.构成∶一个完整的表单由表单域（也叫表单元素），表单控件，提示信息构成。

其中表单域是包含表单元素的区域。

3.表单的定义是由form标签定义的，

form标签会把它包含的元素发送给服务器。

4.表单元素input

eg.

...

<form>

用户名<type input=＂text＂ name=＂username＂ value=＂请输入用户名＂ maxlength=＂6＂><br>

密码∶<input type=＂password＂><br>

性别∶男<input type=＂radio＂ name=gender>女<input type=＂radio＂ checked=＂checked＂name=＂gender＂><br>

爱好∶吃饭<input type=＂checkbox＂name=＂hobby＂>睡觉<input type=＂checkbox＂name=＂hobby＂>打豆豆<input type=＂checkbox＂name=＂hobby＂><br>

<input type=＂submit＂ value=＂提交＂><input type=＂reset＂ value=＂重新输入＂><input type=＂file＂value＝＂浏览＂>

</form>

其中file是上传文本

注∶其中的name属性和value属性是表单标签都有的，value用来设置文本框中的默认值

5.下拉表单元素select标签

基本语法∶

<select>

       <option>选项1</option>

       <option>选项2</option>

       <option>选项3</option>

        <option>...</option>

</select>

注∶可以在某个选项内加入属性selected＝＂selected＂表示默认选中

6.文本域元素

常用于大段文字，多行文字的输入，如留言板，评论区等

语法格式∶

<textarea>

..................

......请留下你的想法.........

.................................

</textarea>