HTML常用的表单创建

最新推荐文章于 2024-10-14 19:07:39 发布

u012416664

最新推荐文章于 2024-10-14 19:07:39 发布

阅读量484

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML

本文链接：https://blog.youkuaiyun.com/u012416664/article/details/47681193

HTML 专栏收录该内容

9 篇文章

订阅专栏

本文提供了一个HTML表单创建的示例代码，包括文本输入框、密码框、复选框、单选按钮、下拉菜单等元素，并展示了如何布局这些表单元素。

常用表单创建代码：

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>表单</title>
</head>
<br>
<p>
    用户名:
  <input type="text">
</p>
<p>
    密码:
    <input type="password">
</p>
你喜欢的水果有：
<br/>
苹果
<input type="checkbox">
<br/>
香蕉
<input type="checkbox">
<br/>
西瓜
<input type="checkbox">
<br/>
请选择你的性别：<br/>
男<input type="radio" name="sex">
<br/>
女<input type="radio" name="sex">
<br/>
<select>
    <option>www.hao123.com</option>
    <option>www.baidu.com</option>
    <option>www.qq.com</option>
</select>
<br/>
<input type="button" value="按钮">
       <input type="button" value="确定">
<br/>
<textarea cols="20" rows="20">
    请填写你的个人信息
</textarea>
</form>
</body>
</html>