表单form界面

最新推荐文章于 2024-04-18 18:17:33 发布
最新推荐文章于 2024-04-18 18:17:33 发布
阅读量771 收藏 3
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lulu17862078553/article/details/83988856
版权

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>表单元素</title>
</head>

<body background="壁纸25.jpg">
<form action="mailto:1559963613@qq.com" method="post"><!表单域>
<table border="0" width="600" align="center"><!边框为0，宽600，高自动，居中>
    <tr>
        <td colspan="2" align="center">：：欢迎给我留言</td>
        
    </tr>
    <tr>
        <td width="120" align="center">用户名</td>
        <td width="480">
            <input type="text" maxlength="4" placeholder="请输入正确的名字"><!输入文本框 最大限制长度 提示文字>
        </td>
    </tr>
    <tr>
        <td width="120" align="center">密码</td>
        <td width="480">
            <input type="password" placeholder="请输入正确的密码"><!输入密码文本框>
        </td>
    </tr>
    <tr>
        <td width="120" align="center">E-mail</td>
        <td width="480">
            <input type="email" value="@qq.com"><!输入邮箱文本框 value是值>
        </td>
    </tr>
    <tr>
        <td width="120" align="center">职业</td>
        <td width="480">
        <select><!下拉菜单>
        <option>平面设计</option>
        <option>UI设计</option>
        <option selected>网页设计</option><!优先选择下拉菜单中的一项>
        <option>交互设计</option>
        <option>产品设计</option>
        </select>
        </td>
    </tr>
    <tr>
        <td width="120" align="center">表情</td>
        <td width="480">
            <input type="radio" name="biaoqing" checked><!表示默认被选中 单选按钮只能添加一个，复选按钮可以添加多个>
            <img src="images/face1.gif" alt="表情">
            <input type="radio" name="biaoqing">
            <img src="images/face2.gif" alt="表情">
            <input type="radio" name="biaoqing">
            <img src="images/face3.gif" name="表情">
            <input type="radio" name="biaoqing">
            <img src="images/face4.gif" name="表情">
        </td>
    </tr>
    <tr>
        <td width="120" align="center">爱好</td>
        <td width="480">
            <input type="checkbox" checked>体育运动<!复选框  默认被选中>
            <input type="checkbox">健身
            <input type="checkbox">美食<br>
            <input type="checkbox">时装
            <input type="checkbox">电竞
            <input type="checkbox">篮球
        </td>
    </tr>
    <tr>
        <td width="120" align="center">留言</td>
        <td width="480">
        <textarea cols="50" rows="10"></textarea><!文字区域 通过行数和列数来改变宽高>
        </td>
    </tr>
    <tr>
        <td width="120" align="center">附件</td>
        <td width="480">
            <input type="file">
        </td>
    </tr>
    <tr>
        <td colspan="2" align="center">
            <input type="button" value="搜索">
            <input type="submit" value="OK">
            <input type="reset">
            <button>按钮</button>
        </td>
        
    </tr>
</table>
<iframe src="02teachers.html" width="600" height="300" frameborder="0" align="middle"></iframe><!内联框，画中画效果>
</form>
</body>
</html>

 

皮小葵
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
运行时设计Form界面设计器
03-09
完全实用的界面设计器，让你再运行时期设计 Form 界面! 只供参考学习 这个列子只是提供一个思路。至于完善的，功能强大的，这个其实是很简单的。PageControl多页的处理，我觉得应该使用它本身的包的编辑器。属性编辑器不是我的，是DF的！ 控件周围的八个点，我终于理解到delphi是怎么做得的了，delphi的点是画出来的，不是一个一个的控件
web 界面设计---js提交表单
weixin_33749131的博客
10-17 111
Java代码   &lt;script type="text/javascript"&gt;   function checkImage(){       var imageValue = document.getElementById("actorCard:imageField:image").value;       if(imageValue !== ""){   ...
C# WinForm —— 07 Form窗体介绍
最新发布
ChanMon的博客
04-18 855
下面这个是文件名，当修改文件名时，窗体的 (Name)属性的值 和 代码页面的类名 都会随之修改。InitializeComponent()函数是窗体的初始化函数，里面主要定义了一些窗体和控件的属性，触发的事件/方法等，是 根据用户在属性里设置的内容 自动生成的当 窗体 在文件夹下面的时候，调用时，需要用 “文件夹名字.窗体”
form-design：动态表单页面设计-自动生成页面
02-06
动态表单页面设计 自动生成H5页面，一些简单的页面无需前端参与，运营人员自己新建修改即可 QQ交流群： 扫码加群： Vue3版本（Vue3 +打字稿+ Element-Plus）正在重构中... 提示 预览功能需启动form-design-h5项目 参见 。 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 运行测试 npm run test 整理和修复文件 npm run lint
from 表单模式
Leon_Jinhai_Sun的博客
06-04 133
from 表单模式
一个简单的form表单登录界面
m0_37732829的博客
07-27 5854
这个表单挺不错的，适合大多数登录了，分享一下 <head> <meta charset="UTF-8"> <title>登录</title> <link rel="stylesheet" type="text/css" href="css/login.css"> </head> <body...
angularJS提交表单（form）
10-24
在AngularJS中，表单（form）是数据绑定和用户交互的核心组件，它允许开发者创建动态、响应式的Web界面。本篇文章将深入讲解如何在AngularJS中使用表单以及相关的方法和示例。 首先，AngularJS中的表单是通过`ng-...
Form表单模拟美化插件特效代码
03-20
在网页设计中，表单元素（如输入框、选择框等）的样式通常是浏览器默认的，这往往不能满足设计师对界面美观度的追求。这款插件就是为了打破这种局限，为开发者提供了一种方便的方式来定制表单元素的外观，特别是对于...
HTML的form表单和django的form表单
09-18
HTML的form表单和Django的form表单是Web开发中的两种重要概念，它们在构建交互式用户界面中起着核心作用。HTML的form表单主要用于收集用户输入的数据，而Django的form表单则是一种更高级的抽象，用于处理这些数据的...
基于javascript的Form表单验证
10-20
本文将深入探讨如何使用JavaScript进行基于Form表单的验证。表单验证是确保用户输入数据有效性和完整性的关键步骤，可以防止无效数据提交到服务器，从而提高用户体验并减少服务器处理错误数据的压力。 首先，我们来...
Form表单及django的form表单的补充
09-18
在Web开发中，表单（Form）是一种常见且重要的元素，用于收集用户输入的数据并将其发送...通过结合使用HTML原生表单和Django的表单功能，开发者可以创建出功能强大、易于维护的用户界面，并实现强大的数据验证和处理。
美观又功能齐全的HTML form表单
03-21
基本的HTML input 空间以及扩展都已加入进去 美观大方 , 功能齐全
Java form图形界面版的单机斗地主游戏-附源代码.rar
07-10
Java form图形界面版的单机斗地主游戏-附源代码，内含斗地主绝对不改版，在Windows中可以运行哦，但需要Java库支持，相关代码： 　　public Container container = null;// 定义容器 　　JMenuItem start, exit, about;// 定义菜单按钮 　　JButton landlord[]=new JButton[2];//抢地主按钮 　　JButton publishCard[]=new JButton[2];//出牌按钮 　　int dizhuFlag;//地主标志 　　int turn; 　　JLabel dizhu; //地主图标 　　List currentList[] =new ArrayList[3]; // 当前的出牌 　　List playerList[] = new ArrayList[3]; // 定义3个玩家表 　　List lordList;//地主牌 　　Card card[] = new Card[56]; // 定义54张牌 　　JTextField time[]=new JTextField[3]; //计时器 　　Time t; //定时器（线程） 　　boolean nextPlayer=false; //转换角色 　　public Main(){ 　　 Init();// 初始化 　　 SetMenu();// 创建菜单 按钮(抢地主，发牌,计时器) 　　 this.setVisible(true); 　　 CardInit();//发牌 　　 getLord(); //发完牌开始抢地主 　　 time[1].setVisible(true); 　　 //线程安全性,把非主线程的UI控制放到里面 　　 t=new Time(this,10);//从10开始倒计时
Form表单设计
西风不醉的博客
03-05 1361
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Form&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;p&gt;&lt;/p&gt;
olap分析平台的设计与实现(二十一)- 表单模式定义
wh_xia_jun的专栏
07-30 499
搞个modal 创建弹出 修改 弹出 删除 本身 用antd 树
表单设计以及优化Tips的总结
Wendy
10-18 4633
无论是注册流程、多页问卷，还是简单的数据录入界面，表单都是数字化产品设计的重要组成部分。我们无时无刻都在使用表单（Form），在网上购物、邮件注册、参与评论等等。不夸张的说，它已经成为了数字信息时代不可分割的一份子。然而，这么多年伴随着一些改进我们发现，表单设计在我们的使用感受中也仅仅停留在“还可以”的程度。不过，现在我们可以使用新的方法设计出更好、更便捷的表单体验。 那么，首先来说明一下表单所
警告，动作表单和模式视图
weixin_30417487的博客
12-17 63
警告，动作表单和模式视图都是模式的，这意味着用户必须通过点击按钮显式地关闭它们，然后才可以继续使用应用程序。 警告为用户提供影响他们使用应用程序（或设备）的重要信息。警告通常是不可预料的，因为它们一般会向用户报告某个问题或当前环境的变化，这可能需要用户采取相应的行动。 动作表单为用户提供与他们当前执行的动作相关的额外选项。当用户点击一个工具栏按钮，开始执行一个具...
C# Windows Form 设计界面与实际显示不同的问题
norsd的专栏
04-22 2580
问题来自于不同的缩放比率，默认是100%，更高的分辨率可能被认为调成125%, 150% 这个可以用DPI表示 目前没有很好解决， 只有一些reference: https://blog.csdn.net/qq_42697866/article/details/104522827 https://stackoverflow.com/questions/4075802/creating-a-dpi-...
form表单登陆界面
05-29
好的，您需要一个form表单登陆界面。可以使用HTML和CSS来创建这个界面。 以下是一个简单的示例： ```html <!DOCTYPE html> <title>Login Form body { background-color: #f1f1f1; font-family: Arial...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值