输入框
type属性:输入框类型
type = “text” //普通文本输入框
type = “password” //密码框
type = “date” //日期选择框,兼容性问题
type = “search” //搜索框,兼容性问题
type = “range” //滑块,兼容性问题
type = “color” //颜色选择框
type = “number” //数字输入框,兼容性问题
type = “checkbook” //多选框
type = “radio” //单选框
type = “file” //选择文件要上传
value属性:输入框的值
placeholder属性:显示提示的文本,文本框没有内容时显示
input元素可以制作按钮
当type值为reset(重置按钮)、button(普通按钮)、submit(提交按钮)时,表示按钮
//method属性为发送方式,action属性表示发送给谁
<form method="get" action="">
//文本框里面为数据值,name为数据名;value可以将内容输入到文本框
<input type="text" name="" style="color:#999" value="请输入用户名" onfocue="if(this.value=='请输入用户名 '){this.value='';this.style.color='#424242'}"
onblur="if(this.value==''){this.value'请输入用户名';this.style.color='#999'}" >
<input type="password"> //密码框
<input type="submit"> //提交按钮
<input type="radio" name="" value="" checked="checked">
//checked为默认选中
//单选框,只有将name里面的名字弄成一样的,才会成单选 value为数据值,用于传送数据
<input type="checkbox" name="" value=""> //复选框
</form>