分享

html基础语法及关键词(4) | 亮剑博客

 怠者 2011-12-03

表单

<head>
< script>
function ask()
{
alert("你点了一个按钮");
}
< /script>
< /head>
< body>
< form action="mass.php" method="get" title="表章练习" enctype="multipart/form-data"> //图片等大容量就要用post
你的名字:<input type="text" name="uname" />
你的年龄:<input type="text" name="age" />
< input type="buttom" value="按钮" onclick="ask()" /> //可以调用<script></script>
你喜欢吃的水果:苹果:<input type="checkbox" name="love[]" value="apple" />
李子:<input type="checkbox" name="love[] value="pear" /><br />
< input type="submit" value="确认提交" /><input type="reset" value="消除重输" />
<input type="hidden" name="h" value="我藏起来了" />
<input type="image" src="logo.png" />

</form>
< body>

单选框
<body>
< form id="form1" name="form1" method="post" action=""> //action 跳转
<input type="radio" name="RadioGroup1" value="单选" id="RedioGroup1_0" />男
<input type="radio" name="RadioGroup1" value="单选" id="RedioGroup1_0" />女
< /form>
< /body>

<body>
< form id="form1" name="form1" method="get" action=""> //action 跳转 get地址栏传输
<input type="radio" name="sex" value="单选" id="RedioGroup1_0" />男
<input type="radio" name="sex" value="单选" id="RedioGroup1_0" />女
<input type="submit" />
< /form>
< /body>

多选框
<body>
< form id="form1" name="form1" method="get" action="a.php"> //action 跳转 get地址栏传输
请选择你是否有车或有房:
<input type="checkbox" name="a[]" value="car" id="sex_0" /> car
< input type="checkbox" name="a[]" value="house" id="sex_1" /> house
< input type="submit" />
< /form>
< /body>

label属性
<form id="form1" name="form1" method="get" action=""> //action 跳转 get地址栏传输
<label>
< input type="radio" name="sex" value="单选" id="RedioGroup1_0" />girl<label> //label作用无须点单选框也可以选择
<input type="submit" />
< /form>

html基本关键词到此结束!!!

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约