html中input这个强大的标签
Posted 阿波的小馆
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html中input这个强大的标签相关的知识，希望对你有一定的参考价值。
基本属性囊括：
<html><body> <!-- type="text" 普通文本输入框 --> <input type="text" /> <!-- type="password" 密码输入框 --> <input type="password" /> <!-- type="email" 邮件输入框 --> <input type="email" /> <!-- type="number" 数字选择输入框 --> <input type="number" /> <!-- type="color" 颜色选择输入框 --> <input type="color" /> <!-- type="time" 时间选择输入框 --> <input type="time" /> <!-- type="tel" 移动端输入框，自动弹出键盘界面 --> <input type="tel" /> <!-- type="button" 按钮框默认无功能、value="登录"按钮框内值 --> <input type="button" value="登录"/> <!-- type="submit" 提交按钮框可返回输入框数据、value="登录"按钮框内值 --> <input type="submit" value="登录"/> <!-- type="radio" 单选框、name="xxx"指定key值 相同key值会互斥不能多选、value="1"返回提交的value判断值得不同 --> <input type="radio" name="xxx" value="1" /> <input type="radio" name="xxx" value="2"/> <!-- type="checkbox" 复选框、name="xxx"指定key值相同key值分类、value="1"返回提交的value判断值得不同、checked="checked"默认勾选--> <input type="checkbox" name="xxx" value="1"/> <input type="checkbox" name="xxx" value="2"/> <input type="checkbox" name="xxx" value="3" checked="checked"/> <!-- type="reset" 清空表单内的内容、value="重置"输入框内容--> <input type="reset" value="重置"></body></html>
但是仅有表单是没法实现我们所需要的与用户的交互的哦
因此要实现与用户交互就必须引入form元素
并且值得注意的是form标签必须把input标签包含进去，例如：
<body>
<form action="http://localhost:8000" method="get">
<input type="text" name="user"/>
<br />
<input type="password" name="password"/>
<br />
<br />
<input type="button" value="登入1" />
<input type="submit" value="登入2" />
</form>
</body>
应注意form的method，它有两种类型，get，与post，形式
至于get与post的区别以上是关于html中input这个强大的标签的主要内容，如果未能解决你的问题，请参考以下文章
HTML input标签的checked属性与Razor解析