首页 > 代码库 > Form和input标签的使用
Form和input标签的使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>input的使用</title>
</head>
<body>
<!--复选框,如果需要用户输入多个就选用这个-->
<!--<input type="checkbox">-->
<!--<input type="checkbox">-->
<!--单选框 如果需要用户输入一个就选用这个,比如性别的选择-->
<!--radio中的name运用,只有name一样的时候才能起到互相排斥的作用,
也就是只能选择一个 虽然name是所有标签都有的属性,但在radio中的用法不一样 -->
<!--<input type="radio">-->
<!--<p>男:<input name="gender" type="radio"></p>-->
<!--<p>女:<input name="gender" type="radio"></p>-->
<!--text就是提供文本输入信息,无讲解-->
<!--<input type="text">-->
<!--password就是提供密码输入,但已密文的方式显示出来,无讲解-->
<!--<input type="password">-->
<!--<input type="button">-->
<!--提交表单,submit 的用法,submit提交的信息必须保证在form中,form表单保存的方式是字典形式,也就是
一个keys,一个values,所以添加一个属性name,为什么不用id呢,因为id只能在html中,不能提交到后台,
action的作用是,将submit的数据提交到哪,这里只是用百度做示例,一般情况下是提交到你自己写的页面里面-->
<h1>submit和表单的使用</h1>
<!--<form action="http://www.baidu.com">-->
<!--<div>-->
<!--主机名:<input name="host" type="text">-->
<!--</div>-->
<!--<div>-->
<!--端口:<input name="port" type="text">-->
<!--</div>-->
<!--<div>-->
<!--类型:<input name="types" type="text">-->
<!--</div>-->
<!--<div>-->
<!--用户名:<input name="user" type="text">-->
<!--</div>-->
<!--<input type="submit">-->
<!--</form>-->
<!--一条横线-->
<hr>
<!--选择文件-->
<input type="file">
<form>
</form>
</body>
</html>
Form和input标签的使用