Giriş metni alanına kalın metin girmeye çalışıyorum. Html kodu bir metin alanı içinde yorumlanmadığı için bu konuda nasıl gideceğimi bilmiyorum, bu yüzden <b>
gibi bir şey çalışmayacak. Sadece bazı metinleri katlamak mümkün mü? Kalın() gibi yöntemler dizenin etrafında yalnızca <b>
ekler.Bir giriş metni alanına nasıl yazı yazılır, kalın mı?
cevap
İşte bir numara.
INPUT alanı bir SPAN üzerindedir. 3 ilk karakterleri koyu olarak ekleyen bir işlev örneği. Eski tarayıcıyla saydamlık sorunu yaşayabilirsiniz. Bu durumda, kalın giriş olmadan normal giriş alanını terk edebilirsiniz.
<!DOCTYPE html>
<html lang="en">
<head>
<title>transp</title>
<style>
div{
position:relative;
}
input, span{
top:0;
position:absolute;
width:120px;
}
span{
top:2px;
left:2px;
z-index:1;
overflow:hidden;
}
input{
background:transparent;
z-index:2;
}
</style>
</head>
<body>
<div>
<input onkeyup="bold3(this)" />
<span id="back"></span>
</div>
<script>
function bold3(inp){
inp.style.color = 'transparent';
var span = document.getElementById('back');
span.innerHTML =
'<b>' +
inp.value.substr(0, 3) +
'</b>' +
inp.value.substr(3);
}
</script>
</body>
</html>
Bu cevabı bir şans vereceğim, üzerinde çalıştığım sayfanın dışında test ettim ve yeterince iyi çalışıyor gibi görünüyor. Teşekkürler – clinchergt
Alışılmadık bir rota başlattığınıza dikkat edin ve yol boyunca bazı sürprizlerle koşabilirsiniz. Başka bir yaklaşım, biçimlendirilmiş sonucun altına ve altına yazdığınız bir giriş alanına sahip olmaktır. Burada sorulara cevap verdiğinizde olduğu gibi. – Mic
bu deneyin
Teşekkür:
<input type="text" style="font-weight: bold;" value="Some Value" />
Ama öğesinin içinde bütün metin kalın olarak görünecek bu şekilde. Ben metin sadece bir parça stil kolay bir yolu böyle, düzenlenebilir bir div kullanmak için
OP ister ** girişin ** kısımlarının kalın olması gerekir. –
Belki muhtemel bir çözüm olur yok sanırım:
<div contentEditable="true">
Lorem <b>ipsum</b> dolor
</div>
Bu değeri göndermek için çalışıyorsanız Bir formda, bu divın innerHTML'ini almak ve onu gizli bir girdiye veya başka bir şeye atamak için JavaScript kullanmanız gerekir.
Bu en basit çözüm olabilir, eğer Mic'in çözümünü gerçek sayfada çalıştıramazsam kesinlikle kullanacağım. Aslında içHTML'yi elde etmeye çalıştım, böylece form bunu alabilirdi ama başarılı değildim, sadece html kodunu yok sayıyor. POST değil GET kullandım çünkü olabilir mi? – clinchergt
@clinchergt: Bu konuda yardımcı olmak için kullandığınız bazı örnek kodları görmem gerekir. – Travesty3
Hangi tarayıcıları desteklemek istediğinize bağlıdır. Eğer sadece HTML5 tarayıcılarını desteklemek istiyorsanız, sadece içerikli bayrak seti ile bir div'a bırakın ve css ile bir girdi gibi görünün. yükü yönetmek için bunu ve JS görünümünün CSS kullanarak
<div>
<input type="text" style="font-weight: bold;" value="Bold text" />
<input type="text" value="This is not" />
</div>
: belki böyle bir şey yapmak daha
<div contenteditable>Text <b>bold</b></div>
cesur bir çok kontrollü bir alanda ise
. Bu olsa çabuk çirkin olabilir.biz doğal olarak ... şu sorunu, vb tanıma bağlantı, özel html biçimlendirmesi verir android görünümü gibi bir şey lazım.
Böyle bir şeye sahip olmanın en doğru yolu, kendi özel öğenizi oluşturmaktır.
Kendi <my-input></my-input>
öğenizi oluşturabilir ve kendi girişinizi özelleştirebilirsiniz.
- 1. Giriş alanı sonunda metin alanına nasıl yazı yazılır? 3
- 2. Reaktif giriş metni alanına yazamazsınız
- 3. WicketTester ile giriş alanına nasıl yazılır?
- 4. Bir metni kalın metin içine yerleştirin reStructuredText
- 5. jQuery - Giriş alanına dokunulmamış mı kontrol edin
- 6. extjs giriş metni maskesiRe
- 7. ImageMagick: Kalın ve İtalik Yazı Tipleri?
- 8. Jquery - Giriş alanına pageload üzerinde bir formda odaklanın mı?
- 9. Maskelenmiş sayısal giriş alanına sahip olmanın bir yolu var mı?
- 10. Metin alanına (raylar) ipucu metni nasıl eklenir?
- 11. CSS3 kullanarak giriş metni uzunluğu nasıl sınırlanır?
- 12. Alan giriş metni nasıl hizalanır?
- 13. Yazı tipi stilini (kalın, italik) algılamak için OCR kullanabilir miyim?
- 14. Bir işlevden bir değer giriş alanına girmek
- 15. Bir telefon ekranı sayfası yüklendiğinde bir giriş alanına nasıl odaklanabilirim?
- 16. NSAttributedString'e hem kalın hem de italik yazı tipi nasıl uygulanır?
- 17. Matplotlib'de sans serif üst bilgisi veya alt yazı metni nasıl yazılır?
- 18. GWT metin giriş alanına nasıl yer tutucu eklenir
- 19. AS3 Flash dinamik alanına koyu yazı tipi gömme
- 20. Bir HTML metin alanına para birimine girilen metni nasıl biçimlendirebilirim?
- 21. Bir giriş alanına değerleri kodlamalı mıyım?
- 22. Raylar Tekli Tablo Devralma: Tür alanına yazılan değer nasıl yazılır
- 23. Çok satırlı metni csv alanına ekleme
- 24. Excel vba, kalın yazı dizesini hücrenin içine koyuyor mu?
- 25. Yazı Tipi Rengi ve TCL'ye kalın metin koyma
- 26. Giriş metni formuna nasıl div yapılır?
- 27. htmlunit java değiştir giriş metni
- 28. Giriş metni değiştirme olayını yönetme
- 29. Tetikleme fonksiyonu açısal giriş alanına girme
- 30. Android Studio'daki alıntılarla yazılmış yazı metni
Basit bir giriş alanında değil. Bunun yerine [editable divs] 'a (http://blog.whatwg.org/the-road-to-html-5-contenteditable) bakın ya da yapmayın. –
Girdi'yi mükemmel bir şekilde kaplayan bir öğe oluşturmazsanız, bu tam bir kabus demektir. RTE'lerin yapma şekli, içeriğiyle bir iframe kullanmaktır, böylece içeriği manüpüle edebilirler. – MetalFrog
yinelenen soru burada olduğu gibi [http://stackoverflow.com/questions/5408292/just-trying-to-give-a-bold-font-to-an-input-text](http://stackoverflow.com/questions/5408292/sadece-almaya-a-bold-yazı tipi-giriş-metin) –