单标签
常见的语句:
form:表单标签格式
作用:用来收集用户输入信息如:登入、注册、搜索商品等
action:开始网址
method:get和post等等
text (明文):用户名格式
password :(密文)密码
radio :单选框 性别格式 性别是单选,单选类型是radio,注意name要加上sex
checkbox:复选框
textarea:文本框
file:上传文件
select:下拉选择框
button:按钮
reset:重置
submit:提交
详解:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单标签</title>
</head>
<body>
<form action="https://hao.360.com/" method="post">
<p>账号:<input type="text" /></p>
<p>密码:<input type="password" /></p>
<p>
<input type="radio" name="sex" id="" />男
<input type="radio" name="sex" id="" />女
</p>
<p>
<input type="checkbox" name="" id="" value="" />linux
<input type="checkbox" name="" id="" value="" />mysql
<input type="checkbox" name="" id="" value="" />html
<input type="checkbox" name="" id="" value="" />python
</p>
<p>学历
<select name="">
<option value="">请选择学历</option>
<option value="">小学</option>
<option value="">初中</option>
<option value="">高中</option>
<option value="">大学</option>
</select>
</p>
<p>自我介绍:<br />
<textarea name="" rows="10" cols="30"></textarea>
</p>
<input type="reset" value="重置"/>
<input type="submit" value="提交"/>
<input type="button" value="按钮"/>
</form>
</body>
</html>
TML 表单用于收集不同类型的用户输入,它是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。今天我们主要来说说文本域和密码域这两个部分,希望对大家学习有所帮助哟!
本文福利后台回复【学习】即可获得Python、HTML等编程学习资料
HTML 表单
表单使用表单标签 <form> 来设置:
<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>
HTML 表单 - 输入元素
多数情况下被用到的表单标签是输入标签(<input>)。输入类型是由类型属性(type)定义的。
如何在 HTML 页面创建文本域?
用户可以在文本域中写入文本,参考代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<form action="">
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>
<p><b>注意:</b> 表单本身是不可见的。并且注意一个文本字段的默认宽度是20个字符。</p>
</body>
</html>
运行结果为
如何创建 HTML 的密码域?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<form action="">
Username: <input type="text" name="user"><br>
Password: <input type="password" name="password">
</form>
<p><b>注意:</b> 密码字段中的字符是隐藏的(显示为星号或圆圈)。</p>
</body>
</html>
运行结果如下
戳了解更多免费领取HTML试听课~
1、表单:就是从网页上看见的各种各样的框,比如 登陆框、同意协议的选项框、下拉框、只能选男女的选框等。
代码需要复制到编译器里面看,效果会好些
代码实例:所有的框、按钮,都在下面的代码中,并且有注释,照着写就好
注意事项:单标签的内容是单标签的属性(也就是在标签中加入 value 属性);双标签的内容在两个标签之间。
注意事项:
1、表单元素中,用户可以输入值的时候,可以不加value属性 -- (比如:文本框、文本域)。
2、当表单元素中没有值的时候,需要加value属性 -- (比如:单选框、复选框)。
*请认真填写需求信息,我们会在24小时内与您取得联系。