代码：
效果：
实现原理：
在单项按钮<input type="radio">与复选按钮<input type="checkbox">中，通过checked="checked"代码可以实现默认选择某项。如果需要将默认选项更改为“冲浪”只需要将代码checked="checked"移到"冲浪"选项中即可。
代码含义：
<input type="radio"> 定义单选按钮。
<input type="radio" checked="checked">定义此选项为默认选项
<input type="checkbox">定义多选按钮。
<input type="checkbox" checked="checked">定义此选项为默认选项
代码原件：
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题</title>
</head>
<body>
<form>
<input name="radiobutton" type="radio" value="radiobutton" >男
<input name="radiobutton" type="radio" value="radiobutton" checked="checked">女
</form>
<form>
爱好：
<input name="checkbox" type="checkbox" value="checkbox" >游泳
<input name="checkbox" type="checkbox" value="checkbox" checked="checked">高尔夫
<input name="checkbox" type="checkbox" value="checkbox" >冲浪
</form>
</body>
</html>
HTML 表单中<form>标签用于为用户输入创建 HTML 表单。表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea等 元素。它的作用是向服务器传输数据。
设置表单的默认值，只需给表单元素的value属性赋值即可。示例如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "<html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=UTF-8">
<title>表单默认值设置示例</title>
</head>
<body>
<form name="testForm" action="/" method="post">
<input name="name" type="text" value="百度知道"/>
<input name="age" type="text" value="10周岁"/>
<input name="sub" type="submit" value="提交"/>
</form>
</body>
</html>
设置他的value值为匿名，当鼠标焦点进入是清空，鼠标焦点离开时，如果没有输入任何内容，就给他赋值为匿名：给你例子，慢慢看
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">
<title>demo01</title>
<script>
window.onload=function()
{
var oTxt1=document.getElementById('txtName')
oTxt1.onfocus=function()
{
this.value=''
}
oTxt1.onblur=function()
{
if(this.value=='')
{
this.value='匿名'
}
}
}
</script>
</head>
<body>
<form action="#" method="post">
<input type="text" name="txtName" id="txtName" value="匿名"/>
<input type="submit" value="提交"/>
</form>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）