html – 非标准形状的输入字段

html – 非标准形状的输入字段,第1张

概述我需要一个带有嵌入式按钮的文本区域字段,如下图所示: __________________________________|Lorep ipsum lorep ipsum lorep ipsu||m lorep ipsum lorep ipsum lorep ip||sum lorep ipsum lorep ip _________||sum lorep ipsum lorep ip| 我需要一个带有嵌入式按钮的文本区域字段,如下图所示:

__________________________________|Lorep ipsum lorep ipsum lorep ipsu||m lorep ipsum lorep ipsum lorep ip||sum lorep ipsum lorep ip _________||sum lorep ipsum lorep ip|   OK    ||________________________|_________|

文本应该围绕按钮流动,而不是隐藏在按钮下面.

我能想象的唯一选择是带有文本和用户 *** 作处理程序的自定义SVG组件,但这似乎有点矫枉过正.

有关这项任务的简单(可能不完美)方法的任何建议吗?

解决方法 我完全厌倦了这个客户端的东西,但它似乎有可能与contenteditable.

.input {  wIDth: 300px;}.submit {  border: 1px solID black;  float: right;  text-align: center;  padding: 10px;  cursor: pointer;}
<!DOCTYPE HTML><HTML><head>  <Meta charset="utf-8">  <Title>Js Bin</Title></head><body>  <div class='input' contenteditable=true>    <div type='button' class='submit' contenteditable=false>Save</div>    The text should flow around the button,without being hIDden under it.The only option I Could imagine is custom SVG component with text and user action handlers,but that seems to be a bit overkill.Any suggestion on simple (may be not perfect) approach for this task?  </div></body></HTML>
总结

以上是内存溢出为你收集整理的html – 非标准形状输入字段全部内容,希望文章能够帮你解决html – 非标准形状的输入字段所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1077924.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-27
下一篇2022-05-27

发表评论

登录后才能评论

评论列表(0条)

    保存