五、input及from标签
1、input标签类型和基本使用
- text类型
输入的是一个文本
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML列表</title> </head> <body> <input type="text" name="name"> </body> </html>
运行结果
- password类型
输入的是一个不可见的文本
<!--name可随便设置--> <input type="password" name="pwd">
运行结果:
- button类型
设置一个可点击的按钮
1. <!--value是显示在按钮上的信息--> 2. <input type="button" name="btn" value="点我">
运行结果:
- file类型
定义输入字段和”浏览“按钮,供文件上传
<input type="file" name="uploadFile">
运行结果:
点击”选择文件“后弹出文件夹 ,供文件上传
- radio类型
定义单选按钮
<input type="radio" name="radio">
运行结果:
生成一个按钮,点击变蓝
- checkbox类型
定义复选框
<input type="checkbox" name="checkbox">读书 <input type="checkbox" name="checkbox">写字 <input type="checkbox" name="checkbox">画画 <input type="checkbox" name="checkbox">运动
运行结果:
生成一个复选框,点击后变蓝
2、from标签
标签用于创建供用户输入的 HTML 表单。
元素包含一个或多个的表单元素
action属性:表单提交URL
method属性:表单提交方式(get/post)
<!--例--> <form action="" method="get"></form>
运行结果: