前端随笔

最新推荐文章于 2024-05-10 14:18:06 发布

guotianxiu1234

最新推荐文章于 2024-05-10 14:18:06 发布

阅读量154

点赞数 1

分类专栏：基础前端

本文链接：https://blog.csdn.net/guotianxiu1234/article/details/93969484

版权

基础前端专栏收录该内容

13 篇文章 0 订阅

订阅专栏

input 的属性：


name	文字的名称
maxlength	用户可以输入的最大字符串长度
sizi	文本框的宽度，默认为20
vlue	指定文本框的默认值
placeholder	内置文字

单选框 radio 想要实现单选框的内容，name要相同
复选框 checkbox 对name没限制，最好是用相同的name值
图像域

<input type="imgage" name="" value="">

隐藏域

<input type="hidden" name="" value="">

标签的属性：
name：设置下拉菜单和列表名称
nultiple：单选框或者复选框
sizi：默认列表中可见的条数
默认选中状态：selected
radio ，checkbox 默认选中状态用checked
分组下拉菜单：用 optgroup
的属性
name：设置文本的名称
placehoder：内置文字
rows：可显示的行数
cols ：可显示的宽度

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<h1>mypractise</h1>
<hr color="red">
<form style="width: 800px;background-color:#f2f2f2; align:center"  >
    <table>
        <tr>
            <td align="right">name:</td>
            <td align="left"><input type="text" size="20" placeholder="name" name="na"></td>
        </tr>
        <tr>
            <td align="right">age</td>
            <td  align="left"><input type="text" size="20" placeholder="age" name="na"></td>
        </tr>
        <tr>
            <td align="right">password</td>
            <td  align="left"><input type="password" sizi="20" placeholder="password" name="pwd" ></td>
        </tr>
        <tr>
            <td align="right">confirm password</td>
            <td  align="left"><input type="password" sizi="20" placeholder="password1" name="pwd" ></td>
        </tr>
        <tr>
            <td align="right">email</td>
            <td  align="left"><input type="text" sizi="20" value="@126.com"></td>
        </tr>
        <tr>
            <td align="right">sex</td>
            <td  align="left"><input type="radio" value="famale" name="radi" >mail</td>
            <td  align="left"><input type="radio" value="famale" name="radi" checked>other</td>
            <td  align="left"> <input type="radio" value="famale" name="radi">famail</td>
    </tr>
        <tr>
            <td align="right">hobby</td>
            <td  align="left"><input type="checkbox" name="chek" value="g">singing</td>
            <td  align="left"><input type="checkbox" name="chek" value="g">dancing</td>
            <td  align="left"><input type="checkbox" name="chek" value="g">swing</td>
            <td  align="left"><input type="checkbox" name="chek" value="g">reading</td>
        </tr>
        <tr>
            <td align="right">file</td>
            <td  align="left"><input type="file" name="file" vlue="af"></td>
        </tr>
        <tr>
            <td align="right">button</td>
            <td  align="left"><input type="button" value="but" ></td>
        </tr>
        <tr>
            <td>
                submit
            </td>
            <td><input type="submit" value="submit" name="smb"></td>
        </tr>
        <tr>
            <td>reset</td>
            <td><input type="reset" value="reset" name="reset"></td>
        </tr>
    </table>
 <input type="image" value="img" src="turn%20on.png" >
    <select multiple size="3">
        <optgroup label="一">
         <option>1.1</option>
        <option>1.2</option>
        <option>1.3</option>
        </optgroup>
        <optgroup label="二">
        <option>2.1</option>
        <option>2.2</option>
        <option>2.3</option>
        </optgroup>
        <option>3.1</option>

    </select>
<textarea></textarea>

</form>

</body>
</html>

guotianxiu1234

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端随笔

input 的属性：name文字的名称maxlength用户可以输入的最大字符串长度sizi文本框的宽度，默认为20vlue指定文本框的默认值placeholder内置文字单选框 radio 想要实现单选框的内容，name要相同复选框 checkbox 对name没限制，最好是用相同的name值图像域隐藏域标签的...
复制链接

扫一扫