html之常用input type

单选框,用name区分是否为一组,value表示提交时的值,checked表示被勾选

<input type="radio" name="sex" value="man"/ >

 

图片具有提交功能

<input type="image" src="img/bg.ong"/>

 

隐藏控件

<input type="hidden" name="id" value="0"/>

 

文件上传 注意在form属性中添加enctype="multipart/form-data"详见w3school(https://www.w3school.com.cn/tags/att_form_enctype.asp)

<input type="file">

 

多选框,value表示提交时的值,checked表示被勾选

<input type="checkbox" name="hobby" value="sing"/ ><input type="checkbox" name="hobby" value="reading"/ >

 

提交,name表示名称标识,value表示提交按钮上的文字

<input type="submit" name="login" value="登录"/>

重置

<input type="reset">

重置或者提交时只会提交当前表单中的内容 

 

文本框,信息用明文显示type的默认类型,placeholder指提示语

<input type="text" placeholder=“请输入你的用户名" name="username"/>

 

密码框,信息用暗文显示type的默认类型

<input type="password"/>

posted @ 2019-09-30 12:06  小帆敲代码  阅读(459)  评论(0编辑  收藏  举报