在表单标签<form>中<input>标签使用最为广泛  如在input标签中定义种类属性 例如我想输入文本 即用<input type="text" >即它就展现出文本框

具体表单使用举例

（在表单标签中使用table表格标签是页面可以更加整齐规范 增加用户的视觉效果）

<form method="get" action="success.html">
            <table width="500">
                <!-- 隐藏域 -->
                <input type="hidden" value="隐藏内容" name="info" />
                <tr>
                    <td>邮箱</td>
                    <!-- required必须填写才能提交 -->
                    <td><input type="email" value="" required="" /></td>
                </tr>
                <tr>
                    <td>登录名</td>
                    <!-- size文本框大小 maxlength定义为最大输入字符长度 -->
                    <td><input type="text" size="50" maxlength="9" value="10086" readonly/></td>
                </tr>
                <tr>
                    <td>性别</td>
                    <!-- checked为默认选项 用在radio 和checkbox属性里 -->
                    <td><input type="radio" name="sex" value="man" checked="checked"/>女 
                        <input type="radio" name="sex" value="women"/>男
                    </td>
                </tr>
                <tr>
                    
                    <td><input type="submit" value="登录" /></td>
                    <td><input type="reset" value="清空"  disabled/></td>
                </tr>
                <tr>
                    <td>运动</td>
                    <td>
                    <input type="checkbox" name="sport" checked="checked"/>篮球
                    <input type="checkbox" name="sport" />足球
                    <input type="checkbox" name="sport"/>乒乓
                    </td>
                </tr>
                <tr>
                    <td>职业</td>
                    <td>
                        <select name="ye">
                            <option value="0">请选择</option>
                            <option value="1">医生</option>
                            <option value="2">学生</option>
                            <option value="3">军人</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>文本域：</td>
                    <td>
                        <textarea name="Mycontent" rows="10" cols="15">任意文字
                            
                        </textarea></td>
                </tr>
                <tr>
                    <td>上传文件</td>
                    <td><input type="file" value=""/></td>
                </tr>
                <tr>
                    <td>不同类型按钮:</td>
                    <td>
                        <!-- 一般按钮不会提交需要通过脚本运行提交 图片按钮可以自动提交 -->
                        <input type="button" value="一般按钮"/>
                        <input type="image"  src="img/renren.gif"/>
                    </td>
                </tr>
                <tr>
                    <td><label for="jin"><img src="img/renren.gif" /></label></td>
                    <td><input type="text" id="jin"</td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                </tr>
            </table>
        </form>

效果图

标签：02,登录名,标签,表单,html,使用,table,文本
来源： https://blog.csdn.net/x1785551/article/details/121744154