温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

HTML怎么编写一个简单的表单

发布时间:2022-02-22 14:28:22 来源:亿速云 阅读:207 作者:小新 栏目:开发技术

这篇文章主要介绍了HTML怎么编写一个简单的表单,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

我们先来看下常用的表单元素有哪些:

 文本域 文本域通过 <input type="text"> 标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。
 密码字段 密码字段通过标签 <input type="password"> 来定义
 单选按钮 <input type="radio"> 标签定义了表单单选框选项。
 复选框 <input type="checkbox"> 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。
 提交按钮 当用户单击确认按钮时,表单的内容会被传送到另一个文件。

具体的代码:

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>简单表单 - 亿速云(yisu.com)</title>
</head>
<body>
<form action="">
用户名:<input type="text" name="username"><br>
密码:<input type="password" name="password"><br>
性别:<input type="radio" name="sex" value="女">女
      <input type="radio" name="sex" value="男">男<br>
爱好:<input type="checkbox" name="like" value="运动">运动
      <input type="checkbox" name="like" value="画画">画画
      <input type="checkbox" name="like" value="阅读">阅读<br>
<input type="submit" name="确定登录">
<input type="reset" name="重新填写">
</body>
</html>

感谢你能够认真阅读完这篇文章,希望小编分享的“HTML怎么编写一个简单的表单”这篇文章对大家有帮助,同时也希望大家多多支持亿速云,关注亿速云行业资讯频道,更多相关知识等着你来学习!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI