表单控件

最新推荐文章于 2023-09-27 09:03:59 发布

小梦新靓

最新推荐文章于 2023-09-27 09:03:59 发布

阅读量69

点赞数

分类专栏： web全栈学习

本文链接：https://blog.csdn.net/qq_43712187/article/details/110062521

版权

web全栈学习专栏收录该内容

32 篇文章 0 订阅

订阅专栏


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
</head>
<body>
<!-- <input />   我们的input是一个单标签  br hr  img  base  input     -->
用户名:  <input  type="text" value="派克钢笔" />   <!-- 这是一个文本框 --> <br />
密　码:  <input  type="password" maxlength="6" /> <br />  <!-- 这是一个密码框  ctrl+ /  注释的快捷键 -->
性　别:　
<input  type="radio" name="sex"  /> 女
<input  type="radio" name="sex" /> 男
<input  type="radio" name="sex" checked="checked"/> 人妖
<input  type="radio" name="sex1"/> 未知
<br />
<!-- 单选框  如果是一组，我们通过相同的name值 来实现-->
爱　好:　
<input type="checkbox" name="hobby" checked="checked" /> 足球
<input type="checkbox" name="hobby"/> 篮球
<input type="checkbox" name="hobby"/> 乒乓球
<!-- 复选框 可以同时选择多个 --><br />
搜索：  <input type="button" value="搜索啥"/>  <!-- 普通按钮 --><br />
<input type="submit" value="提交表单" /><!-- 提交按钮 -->
<input type="reset" value="重置表单" /><!-- 重置按钮 --><br />

<input type="image" src="im.jpg" /><!-- 图像按钮 --><br />
上传头像:
<input type="file" />  <!-- 文件按钮 -->

</body>
</html>

在这里插入图片描述

小梦新靓

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
表单控件

<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"></head><body>用户名: <input type="text" value="派克钢笔" /> <!-- 这是.
复制链接

扫一扫