欢迎光临散文网 会员登陆 & 注册

HTML+CSS:表单 03

2022-08-31 19:47 作者:huawei13Pro  | 我要投稿

来源:我的学习笔记

input元素及属性


效果图



单行文本输入框<input type="text"/> 单行文本输入框常用来输入简短的信息。

密码输入框<input type="password"/>密码输入框用来输入密码,其内容将以小圆点的形式显示。

单选按钮<input type="radio"/>单项按钮用于单项选择,可以用checked属性,指定默认选中项

复选框<input type="checkbox">

普通按钮<input type="button">

提交按钮<input type="submit">

重置按钮<input type="reset">

图像形式的提交按钮<input type="image">

隐藏域<input type="hidden">用户看不见,通常用于后台程序

文件域<input type="file">

代码案例:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>input元素及属性</title>

</head>

<body>

<form action="#" method="post">

user:<input type="text"value="lisa" maxlength="6" /><br /><br />

password:<input type="password" size="40" /><br /><br />

sex:<input type="radio"name="sex"checked="checked" />male

<input type="radio"name="sex" />female<br /><br />

interest:<input type="checkbox" />dance

<input type="checkbox" />rap

<input type="checkbox" />basketball<br /><br />

updoad the image<input type="file" /><br /><br />

<input type="submit" />

<input type="reset" />

<input type="button" value="普通按钮"/>

<input type="image" src="img/image01.jpg"/><!--以自己的图片地址为例-->

<input type="hidden" />

</form>

</body>

</html>















HTML+CSS:表单 03的评论 (共 条)

分享到微博请遵守国家法律