HTML表单

最新推荐文章于 2024-04-24 14:37:39 发布

nx2000223

最新推荐文章于 2024-04-24 14:37:39 发布

阅读量46

点赞数 1

本文链接：https://blog.csdn.net/nx2000223/article/details/117487704

版权

HTML表单简介：

HTML 表单是 HTML 文档中的一个区域
HTML 表单这个区域中包含了一系列的可交互元素
HTML 表单主要用于收集用户输入信息

HTML常用表单元素：

文本输入元素：<input type=“text”>
单选框元素： <input type=“radio”>
复选框元素： <input type=“checkbox”>
文本区元素： <textarea>… </textarea>
下拉选择元素： <select>… </select>
按钮元素： <button type=“submit”>

HTML文本输入元素：

<input type=“text” name=“xxx”>

文本输入标签文本输入类型

HTML文本输入元素：

<html>
…
<body>
    <form action=“#” method=“post”>    
        <h1>系统登录</h1>    
        <div>用户名称：        
           <input type="text" name="username">    
       </div>    
        <div>登录密码：        
            <input type="password" name="password">    
       </div>
    </form> 
</body>
</html>

HTML单选框元素：

<html>
…
<body>
    <form action=“#” method=“post”>    
         <h1>选择性别</h1>    
        <input type="radio" name=”gender" value="male" checked>男    
        <br>    
        <input type="radio" name="gender" value="female">女 
    </form>
</body>

</html>

HTML复选框元素：

<html>
…
<body>    
    <form action=“#” method=“post”>
        <h1>选择爱好</h1>    
       <input type="checkbox" name="interest" value="sports" checked>运动    
       <br>    
       <input type="checkbox" name="interest" value="talk">聊天    
       <br>    
       <input type="checkbox" name="interest" value="play">玩游戏
    </form>
</body>
</html>

HTML隐藏域元素：

<html>
…
<body>
    <form action=“#” method=“post”>
        <h1>输入用户名称</h1>        
       <input type="hidden" value="SO0001" name="userId">        
        <div>用户名称：            
       <input type="text" name="username">        
        </div>    
    </form>
</body>
</html>

HTML表单只读/禁用：

<html>
…
<body>
    <form action=“#” method=“post”>
    <div>用户昵称：        
        <input type=“text” value="Tiger" readonly>    
    </div>    
    <div>用户编号：        
        <input type=“text” value="10001" disabled>    
    </div>
    </form>
</body>
</html>

HTML文本区元素:

<html>
…
<body>
    <form action=“#” method=“post”>    
        <h1>填写自我介绍 </h1>    
        <textarea name= "myBrief" cols="40" rows="6">
        自信、活泼、善于思考...
        </textarea>
    </form> 
</body>

</html>

nx2000223

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML表单

HTML表单简介：HTML 表单是 HTML 文档中的一个区域 HTML 表单这个区域中包含了一系列的可交互元素 HTML 表单主要用于收集用户输入信息HTML常用表单元素：文本输入元素：<input type=“text”> 单选框元素： <input type=“radio”> 复选框元素： <input type=“checkbox”> 文本区元素： <textarea>… </textarea> 下拉选择元素： &..
复制链接

扫一扫