HTML表单概念、语法及创建表单,案例

前端之家收集整理的这篇文章主要介绍了HTML表单概念、语法及创建表单,案例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

form 标签

Input标签的type属性

 

 单行文本域 <input type="text" />

 

 图像域(图像提交按钮)

 

 

下拉菜单和列表标签

 

 select 标签属性

 

 form 标签

 

 

<!DOCTYPE html>
<html lang="en"head>
    Meta charset="UTF-8"title>Document</bodyh1 align="center">注册信息h1hr color="#336699" />
    form action="action.PHP" method="post" name="reg" enctype="multipart/form-data">
        table width="600px" bgcolor="#f2f2f2" align>
            tr>
                td ="right">姓名:td><input type="text"="username" size="25" maxlength="6" placeholder="请输入姓名" /></>邮箱:="email" value="@163.com" >密码:="password"="请输入密码" >确认密码:="repassword"="请再次输入密码" >上传照片:="file" nanem="file" >性别:>="radio"="gender"="0">&nbsp;="1"
                    保密="2" checked>爱好:
                    读书="checkBox"="hobby"
                    跳舞
                    唱歌="2"&nbsp;
                >城市:>
                    <!-- 下拉菜单 -->
                    select name="city" id="city">
                        option value="null">请选择option>北京>上海 selected>广州="3">深圳select 列表展示 ="city2"="3" multiple 分组下拉菜单 ="city3"="city3">--请选择--optgroup label="g1">
                            optgroup="g2">简介:textarea ="about" cols="50" rows="请输入个人简介"></textarea="center" colspan="button"="来点我"="button"="submit"="submit"="reset"="image"="imageBtn" src="button.png" width="70px"="hidden"="注册信息补充" />
                tableformhtml>

 

猜你在找的HTML相关文章