vscode表单

已于 2023-07-07 12:31:31 修改
阅读量364 收藏 1
点赞数
文章标签： vscode ide 编辑器
于 2023-07-07 12:28:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_74812184/article/details/131594305
版权

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>青春</title>

<style>

p {

font-size: 15px;

text-align: center;

}

</style>

</head>

<body>

<form action="">

<h2>青春不常在，抓紧谈恋爱</h2>

<b>性别</b><input type="radio" name="gender" value="nan">男

<input type="radio" name="gender" value="nv">女<br />

<b>生日</b><select name="year" id="">

<option value="null">请选择年</option>

<option value="1998">1998</option>

<option value="1999">1999</option>

<option value="2000">2000</option>

<option value="2001">2001</option>

<option value="2002">2002</option>

<option value="2003">2003</option>

<option value="2004">2004</option>

</select>

<select name="month">

<option selected value="null">请选择月</option>

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option>

<option value="5">5</option>

<option value="6">6</option>

<option value="7">7</option>

<option value="8">8</option>

<option value="9">9</option>

<option value="10">10</option>

<option value="11">11</option>

<option value="12">12</option>

</select>

<select name="day">

<option selected value="null">请选择日</option>

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option>

<option value="5">5</option>

<option value="6">6</option>

<option value="7">7</option>

<option value="8">8</option>

<option value="9">9</option>

<option value="10">10</option>

<option value="11">11</option>

<option value="12">12</option>

<option value="13">13</option>

<option value="14">14</option>

<option value="15">15</option>

<option value="16">16</option>

<option value="17">17</option>

<option value="18">18</option>

<option value="19">19</option>

<option value="20">20</option>

<option value="21">21</option>

<option value="22">22</option>

<option value="23">23</option>

<option value="24">24</option>

<option value="25">25</option>

<option value="26">26</option>

<option value="27">27</option>

<option value="28">28</option>

<option value="29">29</option>

<option value="30">30</option>

<option value="31">31</option>

</select><br/>

<b>所在地区</b><input type="text" name="user" value="" maxlength="6" placeholder="地区"><br/>

<b>婚姻状况</b><input type="radio" name="gender" value="">未婚

<input type="radio" name="gender" value="">已婚

<input type="radio" name="gender" value="">离婚<br />

<b>学历情况</b><input type="text" name="user" value="" maxlength="6" placeholder="幼儿园"><br/>

<b>喜欢的类型</b><input type="checkbox" name="lovely" id="wumeide"><label for="wumeide">妩媚的</label>

<label><input type="checkbox" name="cute">可爱的</label>

<label> <input type="checkbox" name="young" checked>小鲜肉</label>

<label> <input type="checkbox" name="old" checked>老腊肉</label>

<input type="checkbox" name="both" checked>都喜欢<br/>

<b>自我介绍</b><textarea cols="50" rows="2" maxlength="200"placeholder="自我介绍"></textarea><br/>

<input type="checkbox" id="agree" name="agree" /> 我同意注册条款和会员加入标准</p>

<a href="http://www.baidu.com" target="_blank">我是会员，立即登录</a><br/>

<h3>我承诺</h3><br/>

<ul type="circle">

<li>年满18、单身</li>

<li>抱着严肃的态度</li>

<li>真诚寻找另一半</li>

</ul>

<p><button type="submit" >免费注册</button></p><br/>

</form>

</body>

</html>

我不要放纵
关注
form-generator-plugin:将form-generator封装成vscode插件
05-02
此项目将封装为一个vscode插件，拓展了的文件写入能力。 使用 在侧边栏（资源管理器）中点击右键，然后点击“打开表单设计器”，即可打开form generator表单设计器。 配置 在【文件】>【首选项】>【设置】中输入: ...
如何使用vscode编写html表格
2301_76886025的博客
03-07 5128
第一：编写表格框架 第一行为整体框架，border和cellspacing为边框距离 第二行为框架内容，要在<tr>…</tr>中编写，<th>…</th>为次行的内容以及字体加粗。 可以多次在<tr>…</tr>中编写其他行内容 <td> …</td>编写每行内容。 第二：添加照片 在<td> …</td>加入<img src="照片链接（可以直接复制照片插入
用VSCode写简历表
qq_62512326的博客
07-06 4295
三.效果图 当然大家可以改掉里面的文字哦~
Web入门之VScode基本操作，文本框、输入框、单选框、多选框、列表、插入图片、插入按钮及跳转网页和页面
猫猫头的博客
01-14 9610
Web入门之基本操作，表单、输入框、单选框、多选框、列表、插入图片、插入按钮及跳转网页和页面 已经在VSCode中新建了.html项目，下面我们来进行一些基本的简单操作，关于如何新建项目，可以查看之前的文章哦。 https://blog.csdn.net/weixin_46570668/article/details/112505505. 表单 首先我们来看一些标签的用法 < form> < form> 标签用于创建供用户输入的HTML表单。可包含一个或多个如下表单元素： <
HTML基础知识③表单（用于vscode 零基础)
LYP211985的博客
07-20 1458
h5表单各种类型框，get与post。
前端入门知识点之VScode编辑器的使用
weixin_54420253的博客
03-23 1680
IDE适合大型开发，特别是需要编译运行还要依赖各种环境的 C++ 或者 Java ，IDE的配套环境真的可以省去很多麻烦，调试使用 IDE 的工具也很省心。脚本编辑器其实就是纯文本编辑工具，集成开发环境通常集成过多的东西导致很臃肿，因此文件体积更小，启动速度更快的脚本编辑器越来越受到程序员们的追捧。下载完后，你会发现页面下方有个Go Live，点击它，就可以运行你的html页面了。新版本的vscode中需要配置，配置完之后使用!点击右下角设置，点击命令面板，【或者快捷键 ctrl + shift + p】
基于vscode的仿京东页面
01-12
【基于vscode的仿京东页面】项目是一个针对大学生的Web开发大作业，旨在提供一个具有实际功能的电商平台模拟页面。这个项目涵盖了多个重要的Web开发知识点，包括用户登录、注册、前端验证以及交互式UI设计。 首先，...
工作流-OA-低代码-表单-的前端工程-vue3-ts -vscode下载
09-09
-OA- Activiti7 Vue3 TS ElementPlus Vite vscode下载 vscode下载 vscode下载 vscode下载 vscode下载
vuerd-vscode：ERD编辑器vscode扩展
02-04
vuerd-vscode ERD编辑器vscode扩展ERD生成器SQL DDL发电机代码可视化SQL DDL导入用法 ERD数据[​​filename] .vuerd.json将文件另存为表单专注于已保存的文件，然后单击“编辑器”窗口右上角的vuerd图标 ERD数据[​...
VsCode里的Vue模板的实现
10-14
此外，还可以根据个人开发习惯和项目需求，自定义更多的模板，例如创建只包含`<template>`部分的模板，或者针对特定场景的组件模板，比如表单模板等。 这个模板功能不仅可以提高编码速度，还有助于保持代码的一致性...
VsCode开发html5网页之表单day2（新手向5）
weixin_42515365的博客
08-14 2631
I.VsCode工作区中新建文件夹及文件 我们要新建一个总的文件工作区文件夹Workspace，然后在Workspace下新建文件夹Test1，在Test1下新建demo.html II.demo.html写表单 a. html的基本结构： <!DOCTYPE html> <html> <head> <meta charset=utf-8"> <title></title> </head> <body> 网页
使用Vscode简单编写html列表和表单标签，网页布局
flippy17的博客
12-03 4735
首先我们可以使用表格相应标签和属性实现一个列表 首先在<style>标签下设置字体样式和字体颜色，这里设置了字体居中可以在网页中央显示 然后在<body>标签里编写内容，代码使用代码如下 <body> <div class="box1"> <div> <span class="big-black">沁园春·长沙</span> ...
vscode——HTML——表单
iheyu(一个新手小白女PHP初学者)
08-21 4837
1.表单是收集用户信息输入——>发送——>或提交给服务器： 2.表单分为二大类： 1.输入：内容——>文本——>普通和密码——>单选框——>多选框——>下拉框； 2.提交：提交按钮——>http：——>超文本传输协议——>主要保持客户级和服务级的通信——>浏览器和服务器的通讯； 3.模式：请求——>应答——>浏览...
用html制作课程表
m0_55056589的博客
11-28 2965
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
前端学习第一天--编程软件vscode使用、HTML标签
bestier的博客
03-05 3029
vscode软件基本操作 HTML基础知识 HTML基本标签：标题标签、文本修饰标签、图片标签、超链接标签、列表、表格
VSCODE & Django 建立表单输入数据
weixin_44741835的博客
02-27 374
在model.py中进行，使用自带的db.sqlite3数据库文件。适用于 Linux 的 Windows 子系统文档 | Microsoft Learn按照WSL的信息安装了SQLITE数据库，可以通过命令行工具查看数据库表了。参照链接2， 创建MyBook的类。同时参考得到电子书第四章例一。创建App>>创建model>>定义model的属性（表字段）>>迁移数据>>Django Admin就可以接收数据的增删改的工作了。
【Vscode—表单设计器】
weixin_47416539的博客
03-21 744
右侧文件展示中会有表单设计器，你就可以根据你自己想要展示的设计就可以了。最后点击导出Vue文件存到你想要保存的地方就可以了。随便点击一个文件右键就会有一个表单设计器。首先打开的你的vscode下载这个插件。
[C# SDK/IDE]-VSCode 搭建 C# 开发环境
热门推荐
燃吹 U 客帮
06-29 2万+
获取安装 Visual Studio Code 汉化及插件配置 官网下载安装.NET Code SDK 初识 .NET SDK 的一些命令 基本 C# 程序编译和运行 命令行单独利用 SDK 命令初始化工作空间并编译运行 C# 程序 在 VSCode 中搭配 SDK 编译运行 C# 程序 安装配置 Code Runner 插件更方便地编译运行 以及本节资源下载...............
vscode格式化配置
深蓝旭的博客
07-25 1413
一、安装常用插件： Ctrl+shift+x打开应用商店搜索这几个插件安装即可 Beautify、Eslint、Vetur 二、setting.josn配置 文件-首选项-设置-在setting.josn中编辑，打开这个setting.josn文件后将下面配置复制即可 { // tab 大小为2个空格 "editor.tabSize": 2, // 100 列后换行 "editor.wordWrapColumn": 100, // 保存时格式化 "...
vscode表格表单页面布局代码，表格为11行9列
最新发布
09-15
在Visual Studio Code (VSCode) 中创建一个11行9列的表格表单页面布局，通常是在HTML中使用`<table>`元素。以下是一个简单的例子： ```html <!DOCTYPE html> table { width: 100%; /* 表格宽度自适应屏幕 *...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值