表单页面设计案例

Original 2018-12-22 12:09:00 245
abstract:<!doctype html><html><head><meta charset="utf-8"><script src="jquery/jquery-3.1.1.js" type="text/javascript"></script><script type=

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<script src="jquery/jquery-3.1.1.js" type="text/javascript"></script>

<script type="text/javascript">

$(function(){

    $("#test :text").val("修改后的文本域");

    $("#test :password").val("修改后的密码域");

    $("#test :checkbox").val("修改后的复选框");

    $("#test :radio").val("修改后的单选按钮");    

    $("#test :image").val("修改后的图像域");    

    $("#test :file").val("修改后的文件域");    

    $("#test :hidden").val("修改后的隐藏域");

    $("#test :button").val("修改后的普通按钮");

    $("#test :submit").val("修改后的提交按钮");

    $("#test :reset").val("修改后的重置按钮");

})

</script>

<style type="text/css">

a img { border:none;}

</style>

<title></title>

</head>

<body>

<form id="test" action="" method="get">

    <input name="" type="text" value="文本域"><br />

    <input name="" type="password" value="密码域"><br />

    <input name="" type="checkbox" value="复选框">复选框<br />

    <input name="" type="radio" value="单选按钮">单选按钮<br />

    <input name="" type="image" value="图像域" src="images/btn.png"S><br />

    <input name="" type="file" value="文件域"><br />

    <input name="" type="hidden" value="隐藏域"><br />

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

    <input name="" type="submit" value="提交按钮"><br />

    <input name="" type="reset" value="重置按钮"><br />

</form>

</body>

</html>


Correcting teacher:天蓬老师Correction time:2018-12-22 13:35:44
Teacher's summary:前面的 #test , 真的需要吗?

Release Notes

Popular Entries