码迷,mamicode.com
首页 > Web开发 > 详细

HTML3

时间:2019-01-02 20:42:31      阅读:262      评论:0      收藏:0      [点我收藏+]

标签:二进制   文本框   用户名   reset   play   get   box   技术分享   set   

例子

技术分享图片

技术分享图片
<table width="70%">
    <form>
    <tr>
        <td align="right"><font color="#ff0000">*</font>用户名:</td>
        <td><input type="text"><font color="#ff0000">用户名不得小于3个字符</font></td>
    </tr>
    <tr>
        <td align="right"><font color="#ff0000">*</font>密码:</td>
        <td><input type="text"></td>
    </tr>
    <tr>
        <td align="right"><font color="#ff0000">*</font>确认密码:</td>
        <td><input type="text"></td>
    </tr>
    <tr>
        <td align="right"><font color="#ff0000">*</font>Email:</td>
        <td><input type="text"></td>
    </tr>
    <tr>
        <td align="right"><font color="#ff0000">*</font>真实姓名:</td>
        <td><input type="text"></td>
    </tr>
    <tr>
        <td align="right"><font color="#ff0000">*</font>性别:</td>
        <td>
            <select>
                <option></option>
                <option></option>
            </select>
        </td>
    </tr>
    <tr>
        <td align="right"><font color="#ff0000">*</font>生日:</td>
        <td>
            <select>
                <option>1990</option>
                <option>1991</option>
                <option>1992</option>
                <option>....</option>
            </select>
            <select>
                <option>1</option>
                <option>2</option>
                <option>....</option>
            </select>
            <select>
                <option>1</option>
                <option>2</option>
                <option>....</option>
            </select>
        </td>
    </tr>
    <tr>
        <td align="right"><font color="#ff0000">*</font>手机:</td>
        <td><input type="text"></td>
    </tr>
    <tr>
        <td></td>
        <td><input type="submit" value="确定"></td>
        <td></td>
    </tr>
</form>
</table>
View Code

【注】1.可以使用表格进行布局,设置9行3列的表格;

           2.红色的*号可以用<font color="#ff0000">*</font>

表单

<form method="get" action=".jsp页面">
    <input type="text" name="text">
    <input type="password" name="pwd">
</form>

表单:<form> </form>,表单中可以包含input元素、select元素、textarea元素、button元素等

method属性:有post和get两种方式,get使用超链接传送数据并用?连接。post则使用二进制传输数据,可以上传文件。

action属性:规定向何处发送表单数据

name属性:对传送至后端的多个表单数据进行标识,用于后端区分数据。

文本框

<input type="text" size="10" placehoder="请输入密码">

placehoder属性:在未输入时显示默认文本

value属性:设置初始值

size属性:设置文本框长度

密码框

<input type="password">

单选、多选框

<input type="radio">  <input type="checkbox">

文本域

<textarea> </textarea>

与文本框的区别是,允许多行,有滚动条

下拉列表

<select >
 <option >aa</option>
 <option >bb</option>
 <option >cc</option>
</select>

普通按钮

<input type="button" value="确定">普通按钮不具有提交数据功能

提交按钮

<input type="submit" value="确定"> 放在form表单中,具有提交功能

或者<button type="submit" value="确定">

重置按钮

<input type="reset" value="清除">

 

HTML3

标签:二进制   文本框   用户名   reset   play   get   box   技术分享   set   

原文地址:https://www.cnblogs.com/zhuqiwei-blog/p/10211070.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!