昨天使用了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>
大家掌握了么,接下来就开始标签的学习了。今天先到这里