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

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

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

具体的代码:

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

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