是否可以使用可选文本创建输入?

时间:2016-08-22 01:30:31

标签: javascript html css asp.net webforms

我使用的是asp.net webforms Button控件。这将呈现为html输入元素。我希望用户能够选择按钮内的文本,以便可以将其复制并粘贴到其他位置。

我可以使用javascript,css或c#来执行此操作。我不知道有什么方法可以做到这一点。有可能吗?

<asp:button runat="server" id="btnSelectable" Text="MakeThisSelectable">

编辑:这似乎适用于&#34;按钮&#34;元素,但不是在Firefox中。 我无法为&#34;输入&#34;选择文字。元素,具有值集。

3 个答案:

答案 0 :(得分:1)

您可以使用LinkBut​​ton:

<asp:LinkButton runat="server" Text="Selectable text" CssClass="buttonStyle" />

并将其设计为看起来像Button:

<style type="text/css">
    .buttonStyle
    {
        text-decoration: none !important;
        color: #000000 !important;
        padding: 4px 8px;
        background-color: #EEEEEE;
        border: 1px solid #333333;
    }
</style>

答案 1 :(得分:0)

似乎您可以选择按钮上的文字。对于asp .NET,它可能有点不同,但我可以用这个选择文本:

<button>selectable</button>

只需单击并按住按钮外部并拖动按钮。

答案 2 :(得分:0)

守则

以下是您可以使用的简单HTML元素:

<input type="text" onClick="this.setSelectionRange(0, this.value.length)" value="YOUR TEXT HERE" readonly/>

如何运作

使用户无法编辑文本 - 这是一个文本输入,但最后的readonly表示文本无法选择。

点击选择 - 此部分适用于onClick属性。单击时,它会将selectionRange从索引0(第一个字母)设置为最后一个字母

设置值 - 通过设置value

来设置值