表单
form表单:<form method="" action="">
- method="get" 规定如何发送表单数据
- 默认get请求 特征在你输入数据的名字和数据的值 都会显示在网页地址中
- post请求 一般采用post 有加密的作用
- action表示向何处发送表单数据
输入框:
<input type="" name="" value="" size="" maxlength="">密码框:<input type="password"> - type 指定元素的类型 默认为 text
- name指定表单的名称
- value 元素的初始值
- size 表单元素的初始宽度
- maxlength输入的最大字符数
- 密码框内的内容都是加密的
单选按钮:
<input type="radio" name="" >
<input type="radio" name="" checked>
- 想要实现二选一name中的值必须是相同的
- type为radio时必须指定一个值
- checked表示默认选中
复选框:
<input type="checkbox" name="" value="">列表框(下拉框):
<select name="" size="">
<option value=""></option>
</select> - 默认选择第一个
- mane值在select上设置
- value值在option上设置
- 发送给后台的值是value中的值
- 默认选择项 可以设置selected=”selected“ 也可以简写为selected
- size表示显示出的行数 默认显示一行
提交按钮:
<input type="submit" value="提交"> - 只有在form表单包裹的时候才可以使用
图片按钮:
<input type="image" src="" name=""> - input type="image"是具有提交功能的 可以把数据提交给后台
- image的值取决于点击图片的时候的坐标
普通按钮:
<input type="button" value=""> - 普通按钮没有提交功能
重置按钮:
<input type="reset" value=""> - 重置按钮 恢复到默认的值
- 也没有提交功能
多行文本域:
<textarea name="" id="" cols="30" rows="10"></textarea> - cols表示显示的列数 主要控制多行文本域的宽度 和显示的字符相比 是一个大概的范围
- rows表示显示的行数 主要控制多行文本域的高度
文件域:
<input type="file" name="" id="">可以上传文件 name是数据的名称 - 一般文件提交的时候 会使用post请求
- 一般上传文件会设置编码属性 enctype="multipart/form.data"