输入框
    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(提交按钮)时,表示按钮

    1. //method属性为发送方式,action属性表示发送给谁
    2. <form method="get" action="">
    3. //文本框里面为数据值,name为数据名;value可以将内容输入到文本框
    4. <input type="text" name="" style="color:#999" value="请输入用户名" onfocue="if(this.value=='请输入用户名 '){this.value='';this.style.color='#424242'}"
    5. onblur="if(this.value==''){this.value'请输入用户名';this.style.color='#999'}" >
    6. <input type="password"> //密码框
    7. <input type="submit"> //提交按钮
    8. <input type="radio" name="" value="" checked="checked">
    9. //checked为默认选中
    10. //单选框,只有将name里面的名字弄成一样的,才会成单选 value为数据值,用于传送数据
    11. <input type="checkbox" name="" value=""> //复选框
    12. </form>