HTML中input可以创建的输入类型有哪几种
展开全部
第一种,姓名类文本的创建。这种类型比较好记住,只要记住输入的类型是text文本类型就能写对。
<form>
名: <input type="text" name="firstname"> <br />
姓: <input type="text" name="lastname">
</form>
第二种,密码类文本的创建。这种也很好记住,就是password的使用。不过需要注意的是密码在输入的时候,浏览器将使用项目符号来代替这些字符。这也就是我们平时看到的黑点。
<form>
用户: <input type="text" name="user"> <br />
密码: <input type="password" name="password">
</form>
第三种,复选框的创建。这种是checkbox的使用。我们在选择的时候各个选项不会相互的干预,即选择了第一项,同时还可以选择其他几项。我们拿自行车和汽车举例。大家可以试试这个效果。
<form>
我喜欢自行车:<input type="checkbox" name="Bike"> <br />
我喜欢汽车:
<input type="checkbox" name="Car">
</form>
5
第四种,单选框的创建。这个适用于只有唯一性的选项。单选大家应该明白当用户点击一个单选按钮时,该按钮会变为选中状态,其他所有按钮会变为非选中状态。性别选择就是比较好记的例子。单选的单词是radio要记住、
第五种,按钮的创建。按钮也是输入的一种类型哦!button就是按钮的意思。
<input type="button" value="Hello world!">
我们可以对value里面的值根据自己的需要来定义。
第六种,以上几种方式的组合应用。组合代码里面新增了<form name="input" action="/html/html_form_action.asp" method="get">
<form>
名: <input type="text" name="firstname"> <br />
姓: <input type="text" name="lastname">
</form>
第二种,密码类文本的创建。这种也很好记住,就是password的使用。不过需要注意的是密码在输入的时候,浏览器将使用项目符号来代替这些字符。这也就是我们平时看到的黑点。
<form>
用户: <input type="text" name="user"> <br />
密码: <input type="password" name="password">
</form>
第三种,复选框的创建。这种是checkbox的使用。我们在选择的时候各个选项不会相互的干预,即选择了第一项,同时还可以选择其他几项。我们拿自行车和汽车举例。大家可以试试这个效果。
<form>
我喜欢自行车:<input type="checkbox" name="Bike"> <br />
我喜欢汽车:
<input type="checkbox" name="Car">
</form>
5
第四种,单选框的创建。这个适用于只有唯一性的选项。单选大家应该明白当用户点击一个单选按钮时,该按钮会变为选中状态,其他所有按钮会变为非选中状态。性别选择就是比较好记的例子。单选的单词是radio要记住、
第五种,按钮的创建。按钮也是输入的一种类型哦!button就是按钮的意思。
<input type="button" value="Hello world!">
我们可以对value里面的值根据自己的需要来定义。
第六种,以上几种方式的组合应用。组合代码里面新增了<form name="input" action="/html/html_form_action.asp" method="get">
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询