HTML - form表单操作

Posted teachertao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML - form表单操作相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>form表单操作</title>
</head>
<body>
<form name="MyForm" method="post" action="index.html">
账号:<input type="text" size="15" maxlength="7" /><br/>
密码:<input type="password" size="15" maxlength="7"/><br/>

性别:
<input type="radio" name="q1" value="boy" />男
<input type="radio" name="q1" value="gril"/>女<br/>

爱好:
<input type="checkbox" id="youyong"/>游泳
<input type="checkbox" id="yu"/>羽毛球
<input type="checkbox" id="ping"/>乒乓球<br/>

<input type="button" value="按钮" onclick="alert(‘登录成功!‘)"/>

</form>

</body>
</html>

页面截图

技术图片

 




以上是关于HTML - form表单操作的主要内容,如果未能解决你的问题,请参考以下文章

html 表单一定要用submit提交吗

20 document操作表单form

javascript操作表单

form表单

Jquery学习笔记:操作form表单元素之一(文本框和下拉框)

php避免form表单重复提交