通过清心醉

自写HTML6

<!– forms表单 –>
<html>
<title>多表单属性</title>
<body>
<form action=”OK.html” method=”post”>
您喜欢的计算机哪些专业:
<br/>多选框<br/>

<!– name取同一个,表示都是对专业调查(产品)的表单 –>
<input type=”checkbox” name=”computer” value=”C++”>C++
<input type=”checkbox” name=”computer” value=”PHP”>PHP
<input type=”checkbox” name=”computer” value=”JAVA”>JAVA
<!–type参数有文本,单选多选择等等 method为传送格式,GET和POST,name和框架一样是名字
如果结合PHP,name属性里的参数可以通过GET和POST传送到PHP进行后台处理等–>
<br/>
您的性别:
单选框
<br/>
<input type=”radio” name=”man” value=”boy”>男
<input type=”radio” name=”man” value=”girl”>女
<!–如果name的不一样,点了男在点女时,两个都会同时勾上,因为不同的对象了。–>
<br/><br/>
下拉选择菜单:<br/>
您是几月份出生的:
<!–select为下拉菜单
option为菜单内容–>
<select name=”address”>
<!–取名为地址,服务器只需获取名字给某变量,实际变量的类型
及参数值就根据用户的选择进行了传输–>
<option value=”1″>1</option> <option value=”2″>2</option>
<option value=”3″>3</option> <option value=”4″>4</option>
<option value=”5″>5</option> <option value=”6″>6</option>
<option value=”7″>7</option> <option value=”8″>8</option>
<option value=”9″>9</option> <option value=”10″>10</option>
<option value=”11″>11</option> <option value=”12″>12</option>
</select>
<br/><br/>

 <!–文本域–>
请在这里输入您想说的话:<br/><!–一定要记得换行–>
<textarea cols=”50″ rows=”8″ name=”intext”>
<!–注释:在该文本可以输入数据,最常见的就是以前的网页聊天
当用户输入发送时,通过name或者字符串进行传递–>
</textarea><br/><br/><br/>
您要上传的文件:
<input type=”file” name=”infile”><br/>
 <br/><br/>
<!–如果希望偷偷的提交数据,不影响界面效果,可以使用以下隐藏域–>
隐藏域
<br/>
<input type=”hidden” name=”data” value=”ok” />  <br/>
<!–把Ok的值传递,服务器调取时首先也是要找到name 然后取值–>
<input type=”submit” value=”传送选择数据”/> <br/><br/><br/>
<!–当用户选择了专业和性别后,点”传送选择数据时”,页面即将所属name区域的对应参数发送–>
<input type=”image” src=”pig.gif” /> <br/>
快点我提交数据哦
<!–以上代码是以图片的形式,代替传统的按钮来传递数据–>
</form>
</body>
</html>

链接下载地址: http://url.cn/LkufXH

以下为后期对单选多选框等进行默认选择的操作关键字:
下拉: selected
多选框及单选框:checked

关于作者

清心醉 administrator

发表评论

请输入验证码: