是否可以在<input>字段中放置鏈接？

可以鏈接到登錄和註冊這裏？是否可以在<input>字段中放置鏈接？

<input type="text" class="formcontrol" value="Please Login or Register to view your tracking link.">

來源

2014-01-12 user3187469

也許你並不需要在所有使用標籤。 –

可能的重複：http://stackoverflow.com/questions/6959484/link-inside-of-input-tag – MillaresRoo

不，這是不可能的。

您可以將input標記的值設置爲某種鏈接，但不能用作超鏈接。用戶訪問該URL的唯一方法是將其複製並粘貼到URL欄中。

你應該做的是在這個input標籤後面加上<a>標籤，這是大多數網站正在做的事情。

來源

2014-01-12 16:35:57 albusshin

不，內部輸入您不能使用任何標籤。您可以更改輸入role或appearance，但這是一個不好的方法。

來源

2014-01-12 16:38:03 Pinal

根據W3C，結束標籤上的輸入標籤禁止，這意味着你不能把任何元素的輸入標籤內

http://www.w3.org/TR/html401/interact/forms.html

來源

2014-01-12 16:38:09 iamkrillin

不，你會想要做的是模仿<input>與<div>。您可以使<div>可輸入類型，請參閱：Make a DIV look like an input

然後，您可以添加任何您喜歡的內容和類別，通常可以使用<div>。例如，如果您需要鏈接將其自身呈現爲用戶類型，則必須有點聰明，但仍可以通過將函數綁定到內容更改時調用的<div>上。

Twitter的推文輸入框實際上是一個<div>，這就是它如何突出文字超過140個字符。

來源

2014-01-12 16:38:25 Dan

我建議把它做成html形式，並用css來設計它的樣式，看起來像文本字段，如果這是你的目標。這樣它將匹配表格的佈局並提供您需要的「帶有鏈接」的文本。下面的代碼可能需要一些調整。

<style type="text/css"> 
p.input{ 
width:250px; 
font-size:12px; 
background:#fff; 
border-color:#999; 
border-width:1px; 
border-style:solid; 
padding:3px; 
} 
p.input a{ 
color:#000; 
} 
</style> 
<p class="input">Please <a href="/login">Login</a> or <a href="/register">Register</a> to view your tracking link.</p>

來源

2014-01-12 17:11:11 pebkac

在text/html的

The <input> element may not have a close tag

標籤遺漏：
沒有結束標記。

這意味着它可能不包含HTML。

最重要的是，它是Interactive Content，這意味着它不允許包含<a>元素（或任何其他交互式內容）。<textarea>是交互式的內容一樣，所以下面將無法正常工作或：如果你想使用一個佔位符，包括鏈接領域

<textarea>Please <a...>Login</a> or <a...>Register</a> to view your tracking link.</textarea>

，你需要的風格看起來像一個元素<input>元素：

input, 
 
.input { 
 
    border: 1px solid #888; 
 
    box-sizing: border-box; 
 
    display: block; 
 
    font-family: sans-serif; 
 
    font-size: 14px; 
 
    line-height: 20px; 
 
    margin: 10px 0; 
 
    padding: 2px 5px; 
 
    vertical-align: baseline; 
 
    width: 300px; 
 
}

<input type="text" value="Looks like an input"/> 
 
<div class="input">Looks like an input, <a href="#">but isn't</a></div>

來源

2015-04-30 13:40:38 zzzzBov

是否可以在<input>字段中放置鏈接？

回答

相關問題