HTML表单
作者:互联网
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- form 创建表单 method 方式 方法 定义表单提交的方法--> <!-- method 的一个是get 一个是post --> <!-- get 是获取,从服务器上获取数据,在数据传送的过程中,用可以在地址栏上看到的过程,默认传递方式 安全性比较低 --> <!-- post 是传送数据,想服务器传送数据,在数据传递过程,用户在地址栏上看不见,安全性较高 --> <!-- actiom 设置数据传递之后给:?? --> <form method="post" actiom="http://www.baidu.com"> <!-- 表单控件 --> <!-- 输入框 input --> <!-- input的属性 有 type 类型 name 名字 为了提交的时候知道提交的是谁--> <!-- type="text"是文本框 type="password"是密码框 type="submit"是提交按钮--> <!-- value 简单说就是放在框里的值 赋予框框值,用来显示内容 placeholder 设置提示信息的--> <input type="text" name="te" placeholder="输入账号"/>文本框 <input type="password" name="pa" placeholder="输入密码"/>密码框 <input type="submit" name="su" value="登录啊"/>提交按钮 <!-- button和上面type="submit"所实现的效果是一样的 --> <button>按钮</button><br> <!-- 单选按钮 radio 单选必须加name且同组名字一样 不同组属性值不一样 --> <!-- value 是定义与输入相关联的值 --> 性别 <!-- checked 已经选择 --> 男<input type="radio"/ name="xb" value="男" /> 女<input type="radio" name="xb" value="女"/> 外星人<input type="radio" name="xb" value="外星人" checked="checked"/><br> <!-- 多选按钮 checkbox name用上必须要--> 爱好 玩<input type="checkbox" name="ah" value="玩"/> 吃<input type="checkbox" name="ah" value="吃"/> 睡<input type="checkbox" name="ah" value="睡"/> 喝<input type="checkbox" name="ah" value="喝"/> 跳楼<input type="checkbox" name="ah" value="跳楼" disabled="disabled"/> <!-- disabled 禁用可以看不可以选上面的表单也可用--> </form> </body> </html>
标签:跳楼,外星人,表单,HTML,文本框,按钮 来源: https://www.cnblogs.com/DIuea/p/15947819.html