渗透测试学习--HTML基础-02-form表单

form表单

form表单
此处因用户了菜鸟教程网站form部分内容
[HTML 表单 | 菜鸟教程 (runoob.com)]()

登录
<input type="text" id="name" name="name" required>
<br>

<!-- 密码输入框 -->
<label for="password">密码:</label>
<input type="password" id="password" name="password" required>
<br>

<!-- 单选按钮 -->
<label>性别:</label>
<input type="radio" id="male" name="gender" value="male" checked>
<label for="male">男</label>
<input type="radio" id="female" name="gender" value="female">
<label for="female">女</label>

<br>

<!-- 复选框 -->
<input type="checkbox" id="subscribe" name="subscribe" checked>
<label for="subscribe">订阅推送信息</label>

<br>

<!-- 下拉列表 -->
<label for="country">国家:</label>
<select id="country" name="country">
    <option value="cn">CN</option>
    <option value="usa">USA</option>
    <option value="uk">UK</option>
</select>
<br>

<!-- 提交按钮 -->
<input type="submit" value="提交">

input标签常见的属性:
name 表示该文本输入框的名字
size 输入框的长度大小
maxlength 输入框中允许输入字符的最大数
value 输入框中的默认值
readonly 表示该框中只能显示,不能添加修改

input的类型
type-password 密码输入框
type-file 文件上传
type-hidden 隐藏域:当表单元素想要表示一个不希望用户直接看到或编辑,但仍需提交到服务器的数据字段时使用
button 按钮
type-submit 提交按钮
type-reset 重置按钮
checkbox 选择框
radio 多选框

动手写一个简单的包含form表单的页面
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

  • 11
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值