前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

「测试开发全栈--HTML」(17)input属性之reset和其他属性汇总

昨天使用了HTML中表单里的input属性submit,可以提交表单的值,其中name为区分名称的属性,value为提交字段的值。接下来我们说说reset的用法。

先看看效果:

页面点击重制选项后,form表单里填写的内容都清空了

来看看代码是怎么写的:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<title>男儿当自强</title>

</head>

<body>

<input type="text" name="Hello" value="test">

语文<input type="checkbox" name="">

<br>

<b>洛阳亲友如相问,一片冰心在玉壶</b>

<form>

用户名: <input type="text" name="username" value="请输入用户名"> <br>

密码: <input type="password" name="password" value="请输入密码"> <br>

性别: 男<input type="radio" name="sex" value="man" checked="checked"> 女<input type="radio" name="sex" value="woman"> <br>

爱好: 武术<input type="checkbox" name="checkbox" value="武术" checked="checked"> 唱歌<input type="checkbox" name="checkbox" value="唱歌"> 跳舞<input type="checkbox" name="checkbox" value="跳舞"> <br>

重置按钮: <input type="reset" name="reset" value="重制选项">

</form>


</body>

</html>


还有2个属性可以说说:

button和file

先看下效果:

然后点击试下,并看看代码:

file可以打开本地文件夹:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<title>男儿当自强</title>

</head>

<body>

<input type="text" name="Hello" value="test">

语文<input type="checkbox" name="">

<br>

<b>洛阳亲友如相问,一片冰心在玉壶</b>

<form>

用户名: <input type="text" name="username" value="请输入用户名"> <br>

密码: <input type="password" name="password" value="请输入密码"> <br>

性别: 男<input type="radio" name="sex" value="man" checked="checked"> 女<input type="radio" name="sex" value="woman"> <br>

爱好: 武术<input type="checkbox" name="checkbox" value="武术" checked="checked"> 唱歌<input type="checkbox" name="checkbox" value="唱歌"> 跳舞<input type="checkbox" name="checkbox" value="跳舞"> <br>

重置按钮: <input type="reset" name="reset" value="重制选项"><br>


按钮: <input type="button" name="button" value="请输入验证码"> <br>

上传文件: <input type="file" name="file" value="请上传文件"> <br>

</form>


</body>

</html>


大家掌握了么,接下来就开始标签的学习了。今天先到这里

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言