Form和input标签的使用

Posted 琦琦爸爸

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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标签的使用的主要内容,如果未能解决你的问题,请参考以下文章

[oldboy-django][2深入django]学生管理(Form)-- 编辑(设置input标签属性,设置input标签默认显示值,设置input的类型)

django为Form生成的label标签添加class

[HTML]表单标签(form表单域input输入表单label标签select下拉表单textarea文本域)

移动页面input手机键盘中的“搜索”按键

前端1-----块级标签(独占一行),排版标签(样式排版),其他标签,form表单(input的多种类型)

阻止form元素内的input标签回车提交表单