HTML5教程

HTML表单

本文主要是介绍HTML表单，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！ 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <!-- form 创建表单 method 方式 方法 定义表单提交的方法-->
        <!-- method   的一个是get  一个是post -->
        <!-- get 是获取,从服务器上获取数据,在数据传送的过程中,用可以在地址栏上看到的过程,默认传递方式 安全性比较低 -->
        <!-- post 是传送数据,想服务器传送数据,在数据传递过程,用户在地址栏上看不见,安全性较高 -->
        <!-- actiom 设置数据传递之后给:?? -->
        <form method="post"  actiom="http://www.baidu.com">
            <!-- 表单控件 -->
            <!-- 输入框 input -->
            <!-- input的属性 有 type 类型  name 名字 为了提交的时候知道提交的是谁-->
            <!-- type="text"是文本框   type="password"是密码框  type="submit"是提交按钮-->
            <!-- value 简单说就是放在框里的值 赋予框框值，用来显示内容   placeholder 设置提示信息的-->
            <input type="text" name="te" placeholder="输入账号"/>文本框
            <input type="password" name="pa" placeholder="输入密码"/>密码框
            <input type="submit" name="su" value="登录啊"/>提交按钮
            
            <!-- button和上面type="submit"所实现的效果是一样的 -->
            <button>按钮</button><br>
            <!-- 单选按钮 radio  单选必须加name且同组名字一样 不同组属性值不一样 -->    
            <!-- value 是定义与输入相关联的值 -->
            性别
            <!-- checked 已经选择 -->
            男<input type="radio"/ name="xb" value="男" />
            女<input type="radio" name="xb" value="女"/>
            外星人<input type="radio" name="xb" value="外星人" checked="checked"/><br>
            <!-- 多选按钮  checkbox   name用上必须要-->
            爱好
            玩<input type="checkbox" name="ah" value="玩"/>
            吃<input type="checkbox" name="ah" value="吃"/>
            睡<input type="checkbox" name="ah" value="睡"/>
            喝<input type="checkbox" name="ah" value="喝"/>
            跳楼<input type="checkbox" name="ah" value="跳楼" disabled="disabled"/>
            <!-- disabled  禁用可以看不可以选上面的表单也可用-->
        </form>
    </body>
</html>

 

这篇关于HTML表单的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航