本文介绍了HTML5中各种类型的输入框实现方法，包括文本输入框、单选按钮、复选框、下拉列表、按钮及文本域，并提供了登录界面和文件上传的例子。还提到了提交按钮和图片提交功能，以及如何设置输入限制和默认值。
<body>
<input >
<body>
这就是一个输入框了。
<input type="你想输入框是什么类型" value="你想要文本框显示什么" name="这个文本框叫什么名字"size="文本框的长度是多少" maxlengh="文本框最多输入多少字符"
_____________________________________________________________________________
<inp type="radio">
这也是一个输入框，它表现为一个按钮。
(你想显示的文字)比如一个是非问题
<input type="radio" name="question "value=" yes">是
<input type="radio" name=" question"value="no">否
一般我们用来做单选题，所以name的值我们设置为相同的字符；在这个按钮中，value是必须的，因为这是一个值，需要人手动选择的值，有区别的值。
_____________________________________________________________________________
（你想表达的文字提示）
<input type="checkbox" name=" "value=" " >（选项）
这是也是一个输入框，与上一个单选框不同的是它可以称为复选框，它一般用于一个问题多个选项的情况，由于是复选，所以这里的那么不要求一致但可以一致。
在value的值后面加上checked可以把这个值设置为默认，没人选自动选。
_____________________________________________________________________________
（文字提示）
<select name="anything if you want">
<option value="">文字1</option>
<option value="">文字2</option>
<option value="">文字3</option>
</select>
这也是一个按钮，一个下拉按钮.默认是一行，name值后可以加size=“想设置的行数”
———————————————————————————————————————————
<input type=""button value=""按钮名称 (name=btn) >这就是给你点着玩儿的
<input ytpe=""rest value=""按钮名称 (name=reset) >清除选择
_____________________________________________________________________________
用户名：<input type="text" value="" name="user" size="15" maxlength="6">
密码：<input type="password" name="pwd" size="15" maxlength="6">
这是一个非常普通的登录界面了对吗？如果我们要将其进行提交的话我们就要加上提交按钮
<input type="submit" value="提交" (name=submit)>
这样会产生一个提交按钮，点了之后不会有任何效果。因为它必须包裹在from语句中，当然包括上面你写的输入框和各种按钮。
input type=image src=“图片路径” （name=""）
点击图片也是可以进行提交的，哪怕你只是手抖了一下。
_____________________________________________________________________________
<textarea (name="") cols=“列数”宽度）（高度rous=“行数”></textarea>
生成一个可输入文本区域，不是很精准。
<input type=“file”name=“anything”>一般上传文件我们使用加密模式
<from method=“post”enctype="mutipart/form-data">
实例：需求说明： 1、注册邮箱、密码、姓名和验证码最多能容纳的字符数分别是50、16、8 和52、默认情况下，性别中的“男”处于选中状态 3、生日下拉列表框中的 1991 年 11 月 30 日处于默认显示状态4、提交按钮使用素材中提供的图片代替 效果如下图示：
零基础可以做到
扫一扫
688
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
