表单标签学习

最新推荐文章于 2021-12-19 15:56:44 发布

叫我小袁就好

最新推荐文章于 2021-12-19 15:56:44 发布

阅读量201

点赞数

本文链接：https://blog.csdn.net/qq_42788101/article/details/90404913

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单标签</title>
</head>
<body>
<h2>多行文本框：</h2>
<textarea name="content" cols="20" rows="5">
    可以修改或删除的默认文本，不会在用户输入的时候自动删除
</textarea><hr>


<label for="male">男</label>
<input type="radio" name="sex" id="male">
<label for="female">女</label>
<input type="radio" name="sex" id="female"><hr>

<select>
    <option value="1">选项一</option>
    <option value="2">选项二</option>
    <option value="3">选项三</option>
    <option value="4">选项四</option>
</select><br><br>
所在城市（单选）：<br>
<select>
    <option selected="selected">-请选择-</option>
    <option>重庆</option>
    <option>上海</option>
    <option>北京</option>
</select><br><br>
兴趣爱好（多选）：<br>
<select multiple="multiple" size="4">
    <option>读书</option>
    <option selected="selected">篮球</option>
    <option selected="selected">听音乐</option>
    <option>旅行</option>
</select><hr>

<input id="url" list="urlList">
<datalist id="urlList">
    <option value="www.baidu.com">百度</option>
    <option value="www.sina.com">新浪</option>
    <option value="www.itcast.com">传智</option>
</datalist><hr>

<form action="#" method="get">
    用户名：<input type="text" name="name" />
    加密强度：<keygen name="security" />
    <input type="submit" />
</form><hr>

<form action="#" method="get">
    请输入您的邮箱：<input type="email" name="formmail" required><br><br>
    请输入个人网址：<input type="url" name="user_url" required><br><br>
    请输入中国邮编：<input type="text" pattern="=[1-9]d{5}(?!d)" name="postcode" required><br><br>
    <input type="submit" value="提交" />
</form>


</body>
</html>

袁同学——2019年5月21日

叫我小袁就好

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
表单标签学习

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单标签</title></head><body><h2>多行文本框：</h2><textarea name=...
复制链接

扫一扫