Forum PHP.pl > [html] Pola formularza

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [html] Pola formularza - wyglad

in5ane

3.04.2007, 17:12:57

Witam, chciałem zapytać jak najlepiej zrobić wygląd wpisywanego pola (z przykładami bym prosił).

Chodzi o coś takiego:

I druga sprawa, że jest standardowo jakiś napis i jak się kliknie to on znika, ale jak się nic nie wpisze i się np. kliknie gdzieś na tło to on znów się pojawia.

Istalacar

3.04.2007, 17:59:50

Co do 2:

[HTML] pobierz, plaintext 
<html>
<head>
<script>
		function czysc(AInput, tresc)
		{
			if (AInput.value == tresc)
			{
				AInput.value = '';
			}
			return true;
		}
		function wypelnij(AInput, tresc)
		{
			if (AInput.value == "")
			{
				AInput.value = tresc;
			}
			return true;
		}
</script>
</head>
<body>
<input type="text" name="cos" value="jakis tam tekst" onfocus="return czysc(this, 'jakis tam tekst');" onBlur="return wypelnij(this, 'jakis tam tekst');">
</body>
</html>
[HTML] pobierz, plaintext

Pozdrawiam
Istalacar

in5ane

3.04.2007, 19:03:05

OK, dzięki.

Czekam na odpowiedź co do pierwszego.

Istalacar

3.04.2007, 19:58:59

Wymyślone na poczekaniu, generalnie musisz operować na stylach:

[HTML] pobierz, plaintext 
<html>
<head>
<title>form</title>
<meta http-equiv="Content-Type" content="text/html; 
charset=iso-8859-2" />
<style>
.warstwa {
	border-style: solid;
	border-width: 1px;
	border-color: #808080;
	width: 210px;
	font-size: 8pt;
}
.pole {
	font-size: 8pt;
	border-style: none;
}
</style>
</head>
<body>
<div class="warstwa">Wpisz login: <input type="text" class="pole"></div>
</body>
</html>
[HTML] pobierz, plaintext

A wygląda to tak:

in5ane

3.04.2007, 20:25:57

dobrze dzieki, pokombinowalem i zrobilem co chcialem

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.